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

exports[`GameCreationForm LastSettingsButton renders 1`] = `
<div
  className="reusebutton"
  onClick={[MockFunction]}
  onKeyDown={[Function]}
  role="button"
  tabIndex="0"
  title="Reuse Previous Game Settings"
>
  <span
    aria-label="recycle"
    role="img"
  >
    ♻️
  </span>
</div>
`;

exports[`GameCreationForm can have presets selected 1`] = `
<div
  className="form"
>
  <ErrorModal
    onClose={[Function]}
    open={false}
  />
  <div
    className="buttoncontainer"
  >
    <Dropdown
      buttonClass="favbutton"
      onClick={[Function]}
      onSelect={[Function]}
      open={false}
      selected={
        Object {
          "clockMode": "NORMAL",
          "countryLock": null,
          "gameMode": "NORMAL",
          "generationMethod": "RANDOMSTREETVIEW",
          "roundPointCap": null,
          "rounds": 5,
          "scoreMethod": "DISTANCE",
          "timer": 300,
        }
      }
    >
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Default
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": "us",
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban America
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban Global
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 3,
            "scoreMethod": "DISTANCE",
            "timer": 30,
          }
        }
      >
        Fast Frozen
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 300,
          }
        }
      >
        Country Race
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 30,
          }
        }
      >
        Frozen Country Race
      </Item>
    </Dropdown>
    <button
      className="start"
      onClick={[Function]}
      type="button"
    >
      New Game
    </button>
  </div>
  <div
    className="dropdowns"
  >
    <DropdownGroup>
      <Dropdown
        onSelect={[Function]}
        open="timer"
        selected={30}
      >
        <Item
          display="30s"
          value={30}
        >
          30 Seconds
        </Item>
        <Item
          display="2m"
          value={120}
        >
          2 Minutes
        </Item>
        <Item
          display="5m"
          value={300}
        >
          5 Minutes
        </Item>
        <Item
          display="1h"
          value={3600}
        >
          1 Hour
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="rounds"
        selected={3}
      >
        <Item
          value={1}
        >
          1 Round
        </Item>
        <Item
          value={3}
        >
          3 Rounds
        </Item>
        <Item
          value={5}
        >
          5 Rounds
        </Item>
        <Item
          value={10}
        >
          10 Rounds
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="gen"
        selected="URBAN"
      >
        <Item
          display="🎲"
          value="RANDOMSTREETVIEW"
        >
          Random Street View
        </Item>
        <Item
          display="🏙️"
          value="URBAN"
        >
          Urban Centers
        </Item>
      </Dropdown>
      <CountryDropdown
        countryLookup="country-lookup"
        onSelect={[Function]}
        open="country"
        selected="us"
      />
      <Dropdown
        onSelect={[Function]}
        open="gameMode"
        selected="FROZEN"
      >
        <Item
          display="📍"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="❄️"
          value="FROZEN"
        >
          Frozen
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="clockMode"
        selected="NORMAL"
      >
        <Item
          display="⏰"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="🏦"
          value="TIMEBANK"
        >
          Time Bank
        </Item>
        <Item
          display="🏃"
          value="RACE"
        >
          Race
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="scoreMethod"
        selected="COUNTRYRACE"
      >
        <Item
          display="📏"
          value="DISTANCE"
        >
          Distance
        </Item>
        <Item
          display="🗾"
          value="COUNTRYRACE"
        >
          Country Race
        </Item>
        <Item
          display="😬"
          value="HARD"
        >
          Hard Mode
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="roundPointCap"
        selected={null}
      >
        <Item
          display="♾️"
          value={null}
        >
          No Limit
        </Item>
        <Item
          display="10k"
          value={10000}
        >
          10k Total Points per Round
        </Item>
        <Item
          display="20k"
          value={20000}
        >
          20k Total Points per Round
        </Item>
      </Dropdown>
    </DropdownGroup>
  </div>
</div>
`;

exports[`GameCreationForm can have previous game settings passed in to enable reuse button 1`] = `
<div
  className="form"
>
  <ErrorModal
    onClose={[Function]}
    open={false}
  />
  <div
    className="buttoncontainer"
  >
    <Dropdown
      buttonClass="favbutton"
      onClick={[Function]}
      onSelect={[Function]}
      open={false}
      selected={
        Object {
          "clockMode": "NORMAL",
          "countryLock": null,
          "gameMode": "NORMAL",
          "generationMethod": "RANDOMSTREETVIEW",
          "roundPointCap": null,
          "rounds": 5,
          "scoreMethod": "DISTANCE",
          "timer": 300,
        }
      }
    >
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Default
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": "us",
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban America
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban Global
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 3,
            "scoreMethod": "DISTANCE",
            "timer": 30,
          }
        }
      >
        Fast Frozen
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 300,
          }
        }
      >
        Country Race
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 30,
          }
        }
      >
        Frozen Country Race
      </Item>
    </Dropdown>
    <LastSettingsButton
      onClick={[Function]}
    />
    <button
      className="start"
      onClick={[Function]}
      type="button"
    >
      New Game
    </button>
  </div>
  <div
    className="dropdowns"
  >
    <DropdownGroup>
      <Dropdown
        onSelect={[Function]}
        open="timer"
        selected={300}
      >
        <Item
          display="30s"
          value={30}
        >
          30 Seconds
        </Item>
        <Item
          display="2m"
          value={120}
        >
          2 Minutes
        </Item>
        <Item
          display="5m"
          value={300}
        >
          5 Minutes
        </Item>
        <Item
          display="1h"
          value={3600}
        >
          1 Hour
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="rounds"
        selected={5}
      >
        <Item
          value={1}
        >
          1 Round
        </Item>
        <Item
          value={3}
        >
          3 Rounds
        </Item>
        <Item
          value={5}
        >
          5 Rounds
        </Item>
        <Item
          value={10}
        >
          10 Rounds
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="gen"
        selected="RANDOMSTREETVIEW"
      >
        <Item
          display="🎲"
          value="RANDOMSTREETVIEW"
        >
          Random Street View
        </Item>
        <Item
          display="🏙️"
          value="URBAN"
        >
          Urban Centers
        </Item>
      </Dropdown>
      <CountryDropdown
        countryLookup="country-lookup"
        onSelect={[Function]}
        open="country"
        selected={null}
      />
      <Dropdown
        onSelect={[Function]}
        open="gameMode"
        selected="NORMAL"
      >
        <Item
          display="📍"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="❄️"
          value="FROZEN"
        >
          Frozen
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="clockMode"
        selected="NORMAL"
      >
        <Item
          display="⏰"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="🏦"
          value="TIMEBANK"
        >
          Time Bank
        </Item>
        <Item
          display="🏃"
          value="RACE"
        >
          Race
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="scoreMethod"
        selected="DISTANCE"
      >
        <Item
          display="📏"
          value="DISTANCE"
        >
          Distance
        </Item>
        <Item
          display="🗾"
          value="COUNTRYRACE"
        >
          Country Race
        </Item>
        <Item
          display="😬"
          value="HARD"
        >
          Hard Mode
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="roundPointCap"
        selected={null}
      >
        <Item
          display="♾️"
          value={null}
        >
          No Limit
        </Item>
        <Item
          display="10k"
          value={10000}
        >
          10k Total Points per Round
        </Item>
        <Item
          display="20k"
          value={20000}
        >
          20k Total Points per Round
        </Item>
      </Dropdown>
    </DropdownGroup>
  </div>
</div>
`;

exports[`GameCreationForm can have previous game settings passed in to enable reuse button 2`] = `
<div
  className="form"
>
  <ErrorModal
    onClose={[Function]}
    open={false}
  />
  <div
    className="buttoncontainer"
  >
    <Dropdown
      buttonClass="favbutton"
      onClick={[Function]}
      onSelect={[Function]}
      open={false}
      selected={
        Object {
          "clockMode": "NORMAL",
          "countryLock": null,
          "gameMode": "NORMAL",
          "generationMethod": "RANDOMSTREETVIEW",
          "roundPointCap": null,
          "rounds": 5,
          "scoreMethod": "DISTANCE",
          "timer": 300,
        }
      }
    >
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Default
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": "us",
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban America
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban Global
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 3,
            "scoreMethod": "DISTANCE",
            "timer": 30,
          }
        }
      >
        Fast Frozen
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 300,
          }
        }
      >
        Country Race
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 30,
          }
        }
      >
        Frozen Country Race
      </Item>
    </Dropdown>
    <LastSettingsButton
      onClick={[Function]}
    />
    <button
      className="start"
      onClick={[Function]}
      type="button"
    >
      New Game
    </button>
  </div>
  <div
    className="dropdowns"
  >
    <DropdownGroup>
      <Dropdown
        onSelect={[Function]}
        open="timer"
        selected={30}
      >
        <Item
          display="30s"
          value={30}
        >
          30 Seconds
        </Item>
        <Item
          display="2m"
          value={120}
        >
          2 Minutes
        </Item>
        <Item
          display="5m"
          value={300}
        >
          5 Minutes
        </Item>
        <Item
          display="1h"
          value={3600}
        >
          1 Hour
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="rounds"
        selected={3}
      >
        <Item
          value={1}
        >
          1 Round
        </Item>
        <Item
          value={3}
        >
          3 Rounds
        </Item>
        <Item
          value={5}
        >
          5 Rounds
        </Item>
        <Item
          value={10}
        >
          10 Rounds
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="gen"
        selected="URBAN"
      >
        <Item
          display="🎲"
          value="RANDOMSTREETVIEW"
        >
          Random Street View
        </Item>
        <Item
          display="🏙️"
          value="URBAN"
        >
          Urban Centers
        </Item>
      </Dropdown>
      <CountryDropdown
        countryLookup="country-lookup"
        onSelect={[Function]}
        open="country"
        selected="us"
      />
      <Dropdown
        onSelect={[Function]}
        open="gameMode"
        selected="FROZEN"
      >
        <Item
          display="📍"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="❄️"
          value="FROZEN"
        >
          Frozen
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="clockMode"
        selected="NORMAL"
      >
        <Item
          display="⏰"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="🏦"
          value="TIMEBANK"
        >
          Time Bank
        </Item>
        <Item
          display="🏃"
          value="RACE"
        >
          Race
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="scoreMethod"
        selected="COUNTRYRACE"
      >
        <Item
          display="📏"
          value="DISTANCE"
        >
          Distance
        </Item>
        <Item
          display="🗾"
          value="COUNTRYRACE"
        >
          Country Race
        </Item>
        <Item
          display="😬"
          value="HARD"
        >
          Hard Mode
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="roundPointCap"
        selected={null}
      >
        <Item
          display="♾️"
          value={null}
        >
          No Limit
        </Item>
        <Item
          display="10k"
          value={10000}
        >
          10k Total Points per Round
        </Item>
        <Item
          display="20k"
          value={20000}
        >
          20k Total Points per Round
        </Item>
      </Dropdown>
    </DropdownGroup>
  </div>
</div>
`;

exports[`GameCreationForm can have the error modal closed 1`] = `
<div
  className="form"
>
  <ErrorModal
    onClose={[Function]}
    open={false}
  />
  <div
    className="buttoncontainer"
  >
    <Dropdown
      buttonClass="favbutton"
      onClick={[Function]}
      onSelect={[Function]}
      open={false}
      selected={
        Object {
          "clockMode": "NORMAL",
          "countryLock": null,
          "gameMode": "NORMAL",
          "generationMethod": "RANDOMSTREETVIEW",
          "roundPointCap": null,
          "rounds": 5,
          "scoreMethod": "DISTANCE",
          "timer": 300,
        }
      }
    >
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Default
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": "us",
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban America
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban Global
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 3,
            "scoreMethod": "DISTANCE",
            "timer": 30,
          }
        }
      >
        Fast Frozen
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 300,
          }
        }
      >
        Country Race
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 30,
          }
        }
      >
        Frozen Country Race
      </Item>
    </Dropdown>
    <button
      className="start"
      onClick={[Function]}
      type="button"
    >
      New Game
    </button>
  </div>
  <div
    className="dropdowns"
  >
    <DropdownGroup>
      <Dropdown
        onSelect={[Function]}
        open="timer"
        selected={300}
      >
        <Item
          display="30s"
          value={30}
        >
          30 Seconds
        </Item>
        <Item
          display="2m"
          value={120}
        >
          2 Minutes
        </Item>
        <Item
          display="5m"
          value={300}
        >
          5 Minutes
        </Item>
        <Item
          display="1h"
          value={3600}
        >
          1 Hour
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="rounds"
        selected={5}
      >
        <Item
          value={1}
        >
          1 Round
        </Item>
        <Item
          value={3}
        >
          3 Rounds
        </Item>
        <Item
          value={5}
        >
          5 Rounds
        </Item>
        <Item
          value={10}
        >
          10 Rounds
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="gen"
        selected="RANDOMSTREETVIEW"
      >
        <Item
          display="🎲"
          value="RANDOMSTREETVIEW"
        >
          Random Street View
        </Item>
        <Item
          display="🏙️"
          value="URBAN"
        >
          Urban Centers
        </Item>
      </Dropdown>
      <CountryDropdown
        countryLookup="country-lookup"
        onSelect={[Function]}
        open="country"
        selected={null}
      />
      <Dropdown
        onSelect={[Function]}
        open="gameMode"
        selected="NORMAL"
      >
        <Item
          display="📍"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="❄️"
          value="FROZEN"
        >
          Frozen
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="clockMode"
        selected="NORMAL"
      >
        <Item
          display="⏰"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="🏦"
          value="TIMEBANK"
        >
          Time Bank
        </Item>
        <Item
          display="🏃"
          value="RACE"
        >
          Race
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="scoreMethod"
        selected="DISTANCE"
      >
        <Item
          display="📏"
          value="DISTANCE"
        >
          Distance
        </Item>
        <Item
          display="🗾"
          value="COUNTRYRACE"
        >
          Country Race
        </Item>
        <Item
          display="😬"
          value="HARD"
        >
          Hard Mode
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="roundPointCap"
        selected={null}
      >
        <Item
          display="♾️"
          value={null}
        >
          No Limit
        </Item>
        <Item
          display="10k"
          value={10000}
        >
          10k Total Points per Round
        </Item>
        <Item
          display="20k"
          value={20000}
        >
          20k Total Points per Round
        </Item>
      </Dropdown>
    </DropdownGroup>
  </div>
</div>
`;

exports[`GameCreationForm can have the preset dropdown opened 1`] = `
<div
  className="form"
>
  <ErrorModal
    onClose={[Function]}
    open={false}
  />
  <div
    className="buttoncontainer"
  >
    <Dropdown
      buttonClass="favbutton"
      onClick={[Function]}
      onSelect={[Function]}
      open={true}
      selected={
        Object {
          "clockMode": "NORMAL",
          "countryLock": null,
          "gameMode": "NORMAL",
          "generationMethod": "RANDOMSTREETVIEW",
          "roundPointCap": null,
          "rounds": 5,
          "scoreMethod": "DISTANCE",
          "timer": 300,
        }
      }
    >
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Default
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": "us",
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban America
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban Global
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 3,
            "scoreMethod": "DISTANCE",
            "timer": 30,
          }
        }
      >
        Fast Frozen
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 300,
          }
        }
      >
        Country Race
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 30,
          }
        }
      >
        Frozen Country Race
      </Item>
    </Dropdown>
    <button
      className="start"
      onClick={[Function]}
      type="button"
    >
      New Game
    </button>
  </div>
  <div
    className="dropdowns"
  >
    <DropdownGroup>
      <Dropdown
        onSelect={[Function]}
        open="timer"
        selected={300}
      >
        <Item
          display="30s"
          value={30}
        >
          30 Seconds
        </Item>
        <Item
          display="2m"
          value={120}
        >
          2 Minutes
        </Item>
        <Item
          display="5m"
          value={300}
        >
          5 Minutes
        </Item>
        <Item
          display="1h"
          value={3600}
        >
          1 Hour
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="rounds"
        selected={5}
      >
        <Item
          value={1}
        >
          1 Round
        </Item>
        <Item
          value={3}
        >
          3 Rounds
        </Item>
        <Item
          value={5}
        >
          5 Rounds
        </Item>
        <Item
          value={10}
        >
          10 Rounds
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="gen"
        selected="RANDOMSTREETVIEW"
      >
        <Item
          display="🎲"
          value="RANDOMSTREETVIEW"
        >
          Random Street View
        </Item>
        <Item
          display="🏙️"
          value="URBAN"
        >
          Urban Centers
        </Item>
      </Dropdown>
      <CountryDropdown
        countryLookup="country-lookup"
        onSelect={[Function]}
        open="country"
        selected={null}
      />
      <Dropdown
        onSelect={[Function]}
        open="gameMode"
        selected="NORMAL"
      >
        <Item
          display="📍"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="❄️"
          value="FROZEN"
        >
          Frozen
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="clockMode"
        selected="NORMAL"
      >
        <Item
          display="⏰"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="🏦"
          value="TIMEBANK"
        >
          Time Bank
        </Item>
        <Item
          display="🏃"
          value="RACE"
        >
          Race
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="scoreMethod"
        selected="DISTANCE"
      >
        <Item
          display="📏"
          value="DISTANCE"
        >
          Distance
        </Item>
        <Item
          display="🗾"
          value="COUNTRYRACE"
        >
          Country Race
        </Item>
        <Item
          display="😬"
          value="HARD"
        >
          Hard Mode
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="roundPointCap"
        selected={null}
      >
        <Item
          display="♾️"
          value={null}
        >
          No Limit
        </Item>
        <Item
          display="10k"
          value={10000}
        >
          10k Total Points per Round
        </Item>
        <Item
          display="20k"
          value={20000}
        >
          20k Total Points per Round
        </Item>
      </Dropdown>
    </DropdownGroup>
  </div>
</div>
`;

exports[`GameCreationForm handles error creating a game 1`] = `
<div
  className="form"
>
  <ErrorModal
    onClose={[Function]}
    open={true}
  />
  <div
    className="buttoncontainer"
  >
    <Dropdown
      buttonClass="favbutton"
      onClick={[Function]}
      onSelect={[Function]}
      open={false}
      selected={
        Object {
          "clockMode": "NORMAL",
          "countryLock": null,
          "gameMode": "NORMAL",
          "generationMethod": "RANDOMSTREETVIEW",
          "roundPointCap": null,
          "rounds": 5,
          "scoreMethod": "DISTANCE",
          "timer": 300,
        }
      }
    >
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Default
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": "us",
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban America
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban Global
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 3,
            "scoreMethod": "DISTANCE",
            "timer": 30,
          }
        }
      >
        Fast Frozen
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 300,
          }
        }
      >
        Country Race
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 30,
          }
        }
      >
        Frozen Country Race
      </Item>
    </Dropdown>
    <button
      className="start"
      onClick={[Function]}
      type="button"
    >
      New Game
    </button>
  </div>
  <div
    className="dropdowns"
  >
    <DropdownGroup>
      <Dropdown
        onSelect={[Function]}
        open="timer"
        selected={300}
      >
        <Item
          display="30s"
          value={30}
        >
          30 Seconds
        </Item>
        <Item
          display="2m"
          value={120}
        >
          2 Minutes
        </Item>
        <Item
          display="5m"
          value={300}
        >
          5 Minutes
        </Item>
        <Item
          display="1h"
          value={3600}
        >
          1 Hour
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="rounds"
        selected={5}
      >
        <Item
          value={1}
        >
          1 Round
        </Item>
        <Item
          value={3}
        >
          3 Rounds
        </Item>
        <Item
          value={5}
        >
          5 Rounds
        </Item>
        <Item
          value={10}
        >
          10 Rounds
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="gen"
        selected="RANDOMSTREETVIEW"
      >
        <Item
          display="🎲"
          value="RANDOMSTREETVIEW"
        >
          Random Street View
        </Item>
        <Item
          display="🏙️"
          value="URBAN"
        >
          Urban Centers
        </Item>
      </Dropdown>
      <CountryDropdown
        countryLookup="country-lookup"
        onSelect={[Function]}
        open="country"
        selected={null}
      />
      <Dropdown
        onSelect={[Function]}
        open="gameMode"
        selected="NORMAL"
      >
        <Item
          display="📍"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="❄️"
          value="FROZEN"
        >
          Frozen
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="clockMode"
        selected="NORMAL"
      >
        <Item
          display="⏰"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="🏦"
          value="TIMEBANK"
        >
          Time Bank
        </Item>
        <Item
          display="🏃"
          value="RACE"
        >
          Race
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="scoreMethod"
        selected="DISTANCE"
      >
        <Item
          display="📏"
          value="DISTANCE"
        >
          Distance
        </Item>
        <Item
          display="🗾"
          value="COUNTRYRACE"
        >
          Country Race
        </Item>
        <Item
          display="😬"
          value="HARD"
        >
          Hard Mode
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="roundPointCap"
        selected={null}
      >
        <Item
          display="♾️"
          value={null}
        >
          No Limit
        </Item>
        <Item
          display="10k"
          value={10000}
        >
          10k Total Points per Round
        </Item>
        <Item
          display="20k"
          value={20000}
        >
          20k Total Points per Round
        </Item>
      </Dropdown>
    </DropdownGroup>
  </div>
</div>
`;

exports[`GameCreationForm renders 1`] = `
<div
  className="form"
>
  <ErrorModal
    onClose={[Function]}
    open={false}
  />
  <div
    className="buttoncontainer"
  >
    <Dropdown
      buttonClass="favbutton"
      onClick={[Function]}
      onSelect={[Function]}
      open={false}
      selected={
        Object {
          "clockMode": "NORMAL",
          "countryLock": null,
          "gameMode": "NORMAL",
          "generationMethod": "RANDOMSTREETVIEW",
          "roundPointCap": null,
          "rounds": 5,
          "scoreMethod": "DISTANCE",
          "timer": 300,
        }
      }
    >
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Default
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": "us",
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban America
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "URBAN",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "DISTANCE",
            "timer": 300,
          }
        }
      >
        Urban Global
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 3,
            "scoreMethod": "DISTANCE",
            "timer": 30,
          }
        }
      >
        Fast Frozen
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "NORMAL",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 300,
          }
        }
      >
        Country Race
      </Item>
      <Item
        display="⭐"
        value={
          Object {
            "clockMode": "NORMAL",
            "countryLock": null,
            "gameMode": "FROZEN",
            "generationMethod": "RANDOMSTREETVIEW",
            "roundPointCap": null,
            "rounds": 5,
            "scoreMethod": "COUNTRYRACE",
            "timer": 30,
          }
        }
      >
        Frozen Country Race
      </Item>
    </Dropdown>
    <button
      className="start"
      onClick={[Function]}
      type="button"
    >
      New Game
    </button>
  </div>
  <div
    className="dropdowns"
  >
    <DropdownGroup>
      <Dropdown
        onSelect={[Function]}
        open="timer"
        selected={300}
      >
        <Item
          display="30s"
          value={30}
        >
          30 Seconds
        </Item>
        <Item
          display="2m"
          value={120}
        >
          2 Minutes
        </Item>
        <Item
          display="5m"
          value={300}
        >
          5 Minutes
        </Item>
        <Item
          display="1h"
          value={3600}
        >
          1 Hour
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="rounds"
        selected={5}
      >
        <Item
          value={1}
        >
          1 Round
        </Item>
        <Item
          value={3}
        >
          3 Rounds
        </Item>
        <Item
          value={5}
        >
          5 Rounds
        </Item>
        <Item
          value={10}
        >
          10 Rounds
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="gen"
        selected="RANDOMSTREETVIEW"
      >
        <Item
          display="🎲"
          value="RANDOMSTREETVIEW"
        >
          Random Street View
        </Item>
        <Item
          display="🏙️"
          value="URBAN"
        >
          Urban Centers
        </Item>
      </Dropdown>
      <CountryDropdown
        countryLookup="country-lookup"
        onSelect={[Function]}
        open="country"
        selected={null}
      />
      <Dropdown
        onSelect={[Function]}
        open="gameMode"
        selected="NORMAL"
      >
        <Item
          display="📍"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="❄️"
          value="FROZEN"
        >
          Frozen
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="clockMode"
        selected="NORMAL"
      >
        <Item
          display="⏰"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="🏦"
          value="TIMEBANK"
        >
          Time Bank
        </Item>
        <Item
          display="🏃"
          value="RACE"
        >
          Race
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="scoreMethod"
        selected="DISTANCE"
      >
        <Item
          display="📏"
          value="DISTANCE"
        >
          Distance
        </Item>
        <Item
          display="🗾"
          value="COUNTRYRACE"
        >
          Country Race
        </Item>
        <Item
          display="😬"
          value="HARD"
        >
          Hard Mode
        </Item>
      </Dropdown>
      <Dropdown
        onSelect={[Function]}
        open="roundPointCap"
        selected={null}
      >
        <Item
          display="♾️"
          value={null}
        >
          No Limit
        </Item>
        <Item
          display="10k"
          value={10000}
        >
          10k Total Points per Round
        </Item>
        <Item
          display="20k"
          value={20000}
        >
          20k Total Points per Round
        </Item>
      </Dropdown>
    </DropdownGroup>
  </div>
</div>
`;
