// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`JoinForm blocks joining with empty player name 1`] = `
<Fragment>
  <div
    className="join"
  >
    <span
      className="label"
    >
      Enter your name to join:
    </span>
    <input
      className="name"
      onChange={[Function]}
      onKeyDown={[Function]}
      type="text"
      value=""
    />
    <button
      disabled={true}
      onClick={[Function]}
      type="button"
    >
      Join Game
    </button>
  </div>
  <div
    className="error"
  />
</Fragment>
`;

exports[`JoinForm does not join game if other keys pressed in input 1`] = `
<Fragment>
  <div
    className="join"
  >
    <span
      className="label"
    >
      Enter your name to join:
    </span>
    <input
      className="name"
      onChange={[Function]}
      onKeyDown={[Function]}
      type="text"
      value="test-player"
    />
    <button
      disabled={false}
      onClick={[Function]}
      type="button"
    >
      Join Game
    </button>
  </div>
  <div
    className="error"
  />
</Fragment>
`;

exports[`JoinForm does not join game if other keys pressed in input 2`] = `
<Fragment>
  <div
    className="join"
  >
    <span
      className="label"
    >
      Enter your name to join:
    </span>
    <input
      className="name"
      onChange={[Function]}
      onKeyDown={[Function]}
      type="text"
      value="test-player"
    />
    <button
      disabled={false}
      onClick={[Function]}
      type="button"
    >
      Join Game
    </button>
  </div>
  <div
    className="error"
  />
</Fragment>
`;

exports[`JoinForm handles failure 1`] = `
<Fragment>
  <div
    className="join"
  >
    <span
      className="label"
    >
      Enter your name to join:
    </span>
    <input
      className="name"
      onChange={[Function]}
      onKeyDown={[Function]}
      type="text"
      value="test-player"
    />
    <button
      disabled={false}
      onClick={[Function]}
      type="button"
    >
      Join Game
    </button>
  </div>
  <div
    className="error"
  />
</Fragment>
`;

exports[`JoinForm handles failure 2`] = `
<Fragment>
  <div
    className="join"
  >
    <span
      className="label"
    >
      Enter your name to join:
    </span>
    <input
      className="name"
      onChange={[Function]}
      onKeyDown={[Function]}
      type="text"
      value="test-player"
    />
    <button
      disabled={false}
      onClick={[Function]}
      type="button"
    >
      Join Game
    </button>
  </div>
  <div
    className="error"
  >
    Failed to join the game! Maybe try a different name?
  </div>
</Fragment>
`;

exports[`JoinForm joins game 1`] = `
<Fragment>
  <div
    className="join"
  >
    <span
      className="label"
    >
      Enter your name to join:
    </span>
    <input
      className="name"
      onChange={[Function]}
      onKeyDown={[Function]}
      type="text"
      value="test-player"
    />
    <button
      disabled={false}
      onClick={[Function]}
      type="button"
    >
      Join Game
    </button>
  </div>
  <div
    className="error"
  />
</Fragment>
`;

exports[`JoinForm joins game 2`] = `
<Fragment>
  <div
    className="join"
  >
    <span
      className="label"
    >
      Enter your name to join:
    </span>
    <input
      className="name"
      onChange={[Function]}
      onKeyDown={[Function]}
      type="text"
      value="test-player"
    />
    <button
      disabled={true}
      onClick={[Function]}
      type="button"
    >
      Join Game
    </button>
  </div>
  <div
    className="error"
  />
</Fragment>
`;

exports[`JoinForm joins game if enter pressed in input 1`] = `
<Fragment>
  <div
    className="join"
  >
    <span
      className="label"
    >
      Enter your name to join:
    </span>
    <input
      className="name"
      onChange={[Function]}
      onKeyDown={[Function]}
      type="text"
      value="test-player"
    />
    <button
      disabled={false}
      onClick={[Function]}
      type="button"
    >
      Join Game
    </button>
  </div>
  <div
    className="error"
  />
</Fragment>
`;

exports[`JoinForm joins game if enter pressed in input 2`] = `
<Fragment>
  <div
    className="join"
  >
    <span
      className="label"
    >
      Enter your name to join:
    </span>
    <input
      className="name"
      onChange={[Function]}
      onKeyDown={[Function]}
      type="text"
      value="test-player"
    />
    <button
      disabled={true}
      onClick={[Function]}
      type="button"
    >
      Join Game
    </button>
  </div>
  <div
    className="error"
  />
</Fragment>
`;

exports[`JoinForm renders 1`] = `
<Fragment>
  <div
    className="join"
  >
    <span
      className="label"
    >
      Enter your name to join:
    </span>
    <input
      className="name"
      onChange={[Function]}
      onKeyDown={[Function]}
      type="text"
      value=""
    />
    <button
      disabled={true}
      onClick={[Function]}
      type="button"
    >
      Join Game
    </button>
  </div>
  <div
    className="error"
  />
</Fragment>
`;
