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

exports[`Lobby GameInfo renders 1`] = `
<Fragment>
  <span
    className="label"
  >
    Game will run for 
    5
     round
    s
  </span>
  <span
    className="label"
  >
    Each round will have a time limit of 
    5m
  </span>
</Fragment>
`;

exports[`Lobby GameInfo renders for COUNTRY_RACE 1`] = `
<Fragment>
  <span
    className="label"
  >
    Game will run for 
    5
     round
    s
  </span>
  <span
    className="label"
  >
    Each round will have a time limit of 
    5m
  </span>
  <span
    className="label"
  >
    Your score will be based on how quickly you select the right country - you will get 0 points for the wrong country!
  </span>
</Fragment>
`;

exports[`Lobby GameInfo renders for FROZEN 1`] = `
<Fragment>
  <span
    className="label"
  >
    Game will run for 
    5
     round
    s
  </span>
  <span
    className="label"
  >
    Each round will have a time limit of 
    5m
  </span>
  <span
    className="label"
  >
    You will not be able to adjust your view
  </span>
</Fragment>
`;

exports[`Lobby GameInfo renders for NORMAL 1`] = `
<Fragment>
  <span
    className="label"
  >
    Game will run for 
    5
     round
    s
  </span>
  <span
    className="label"
  >
    Each round will have a time limit of 
    5m
  </span>
</Fragment>
`;

exports[`Lobby GameInfo renders for RACE 1`] = `
<Fragment>
  <span
    className="label"
  >
    Game will run for 
    5
     round
    s
  </span>
  <span
    className="label"
  >
    Each round will have a time limit of 
    5m
  </span>
  <span
    className="label"
  >
    If someone submits before you your remaining time will be cut down to just 10 seconds!
  </span>
</Fragment>
`;

exports[`Lobby GameInfo renders for TIME_BANK 1`] = `
<Fragment>
  <span
    className="label"
  >
    Game will run for 
    5
     round
    s
  </span>
  <span
    className="label"
  >
    Your time will be banked, with 
    25m
     available across all rounds
  </span>
</Fragment>
`;

exports[`Lobby GameInfo renders for single round 1`] = `
<Fragment>
  <span
    className="label"
  >
    Game will run for 
    1
     round
  </span>
  <span
    className="label"
  >
    Each round will have a time limit of 
    5m
  </span>
</Fragment>
`;

exports[`Lobby GameInfo renders for single round COUNTRY_RACE 1`] = `
<Fragment>
  <span
    className="label"
  >
    Game will run for 
    1
     round
  </span>
  <span
    className="label"
  >
    Each round will have a time limit of 
    5m
  </span>
  <span
    className="label"
  >
    Your score will be based on how quickly you select the right country - you will get 0 points for the wrong country!
  </span>
</Fragment>
`;

exports[`Lobby GameInfo renders for single round FROZEN 1`] = `
<Fragment>
  <span
    className="label"
  >
    Game will run for 
    1
     round
  </span>
  <span
    className="label"
  >
    Each round will have a time limit of 
    5m
  </span>
  <span
    className="label"
  >
    You will not be able to adjust your view
  </span>
</Fragment>
`;

exports[`Lobby GameInfo renders while loading 1`] = `<Loading />`;

exports[`Lobby GameInfo renders with a round point cap 1`] = `
<Fragment>
  <span
    className="label"
  >
    Game will run for 
    5
     round
    s
  </span>
  <span
    className="label"
  >
    Each round will have a time limit of 
    5m
  </span>
  <span
    className="label"
  >
    Only 
    10000
     total points will be up for grabs each round
  </span>
</Fragment>
`;

exports[`Lobby GameInfo renders with country lock 1`] = `
<Fragment>
  <span
    className="label"
  >
    Game will run for 
    5
     round
    s
  </span>
  <span
    className="label"
  >
    Each round will have a time limit of 
    5m
  </span>
  <span
    className="label"
  >
    This game will only use locations within:
     
    test-country
  </span>
</Fragment>
`;

exports[`Lobby PlayerList renders 1`] = `
<div
  className="players"
>
  <span
    className="playersTitle"
  >
    Players
  </span>
  <ul>
    <li
      key="foo"
    >
      foo
    </li>
    <li
      key="bar"
    >
      bar
    </li>
  </ul>
</div>
`;

exports[`Lobby properly handles joining and starting 1`] = `
<div
  className="page"
>
  <div
    className="info"
  >
    <GameInfo />
    <div
      className="form"
    >
      <StartGame
        onStart={[MockFunction]}
      />
    </div>
    <span
      className="label"
    >
      <ClickToCopy
        text="http://localhost/?join=test-game-id"
      >
        Click here to copy an invite link!
      </ClickToCopy>
    </span>
  </div>
  <PlayerList
    playerNames={Array []}
  />
</div>
`;

exports[`Lobby renders 1`] = `
<div
  className="page"
>
  <div
    className="info"
  >
    <GameInfo />
    <div
      className="form"
    >
      <JoinForm
        onJoined={[Function]}
      />
    </div>
    <span
      className="label"
    >
      <ClickToCopy
        text="http://localhost/?join=test-game-id"
      >
        Click here to copy an invite link!
      </ClickToCopy>
    </span>
  </div>
  <PlayerList
    playerNames={
      Array [
        "bar",
      ]
    }
  />
</div>
`;

exports[`Lobby renders while loading 1`] = `<Loading />`;

exports[`Lobby renders with no players 1`] = `
<div
  className="page"
>
  <div
    className="info"
  >
    <GameInfo />
    <div
      className="form"
    >
      <JoinForm
        onJoined={[Function]}
      />
    </div>
    <span
      className="label"
    >
      <ClickToCopy
        text="http://localhost/?join=test-game-id"
      >
        Click here to copy an invite link!
      </ClickToCopy>
    </span>
  </div>
  <PlayerList
    playerNames={Array []}
  />
</div>
`;
