EmailInputs() — react Function Reference

Architecture documentation for the EmailInputs() function in index.js from the react codebase.

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ EmailInputs() — react Function Reference

Dependency Diagram

graph TD
  4929a448_fc78_4dbd_8640_9713ea1d7faa["EmailInputs()"]
  b8eeb77a_628d_0cf7_3055_29d4041e74be["index.js"]
  4929a448_fc78_4dbd_8640_9713ea1d7faa -->|defined in| b8eeb77a_628d_0cf7_3055_29d4041e74be
  style 4929a448_fc78_4dbd_8640_9713ea1d7faa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/dom/src/components/fixtures/email-inputs/index.js lines 9–66

function EmailInputs() {
  return (
    <FixtureSet title="Email inputs">
      <TestCase
        title="Spaces in email inputs"
        description={`
          Some browsers are trying to remove spaces from email inputs and after
          doing this place cursor to the beginning.
        `}
        affectedBrowsers="Chrome">
        <TestCase.Steps>
          <li>Type space and character</li>
          <li>Type character, space, character, delete last character</li>
        </TestCase.Steps>

        <TestCase.ExpectedResult>Cursor not moving.</TestCase.ExpectedResult>

        <JumpingCursorTestCase />
      </TestCase>

      <TestCase
        title="Attributes enabled"
        description={`
          Test enabled pattern, maxlength, multiple attributes.
        `}>
        <TestCase.Steps>
          <li>Type after existing text ',b@tt.com'</li>
          <li>Try to type spaces after typed text</li>
        </TestCase.Steps>

        <TestCase.ExpectedResult>
          Spaces not added. When cursor hovered over input, popup "Please match
          the requested format." is showed.
        </TestCase.ExpectedResult>

        <EmailEnabledAttributesTestCase />
      </TestCase>

      <TestCase
        title="Attributes disabled"
        description={`
          Test disabled maxlength, multiple attributes.
        `}>
        <TestCase.Steps>
          <li>Type after existing text ',b@tt.com'</li>
          <li>Try to type spaces after typed text</li>
        </TestCase.Steps>

        <TestCase.ExpectedResult>
          Spaces are added freely. When cursor hovered over input, popup "A part
          following '@' should not contain the symbol ','." is showed.
        </TestCase.ExpectedResult>

        <EmailDisabledAttributesTestCase />
      </TestCase>
    </FixtureSet>
  );
}