createKeyboardEvent() — react Function Reference

Architecture documentation for the createKeyboardEvent() function in domEvents.js from the react codebase.

Function javascript BabelCompiler Entrypoint calls 2 called by 2

Entity Profile

BabelCompiler→ Entrypoint→ createKeyboardEvent() — react Function Reference

Dependency Diagram

graph TD
  34eae583_c40e_f614_a443_3b2597229e82["createKeyboardEvent()"]
  fd9d5c95_e738_dee5_e510_e7b1e9e4ea39["domEvents.js"]
  34eae583_c40e_f614_a443_3b2597229e82 -->|defined in| fd9d5c95_e738_dee5_e510_e7b1e9e4ea39
  7f75b92f_657f_bc5a_6428_e0be59b59dcc["keydown()"]
  7f75b92f_657f_bc5a_6428_e0be59b59dcc -->|calls| 34eae583_c40e_f614_a443_3b2597229e82
  06ff8a5b_6215_4a07_74f9_ae8c01ff2b65["keyup()"]
  06ff8a5b_6215_4a07_74f9_ae8c01ff2b65 -->|calls| 34eae583_c40e_f614_a443_3b2597229e82
  2c5fd105_0b83_a601_0537_1b23ef1c6096["createEvent()"]
  34eae583_c40e_f614_a443_3b2597229e82 -->|calls| 2c5fd105_0b83_a601_0537_1b23ef1c6096
  03b96ea9_103d_4a95_3cfc_f705c08e0a02["createGetModifierState()"]
  34eae583_c40e_f614_a443_3b2597229e82 -->|calls| 03b96ea9_103d_4a95_3cfc_f705c08e0a02
  style 34eae583_c40e_f614_a443_3b2597229e82 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/dom-event-testing-library/domEvents.js lines 139–165

function createKeyboardEvent(
  type,
  {
    altKey = false,
    ctrlKey = false,
    isComposing = false,
    key = '',
    metaKey = false,
    preventDefault = emptyFunction,
    shiftKey = false,
  } = {},
) {
  const modifierState = {altKey, ctrlKey, metaKey, shiftKey};

  return createEvent(type, {
    altKey,
    ctrlKey,
    getModifierState(keyArg) {
      return createGetModifierState(keyArg, modifierState);
    },
    isComposing,
    key,
    metaKey,
    preventDefault,
    shiftKey,
  });
}