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

exports[`GameCreationForm can have presets selected 1`] = `
<div
  className="form"
>
  <ErrorModal
    onClose={[Function]}
    open={false}
  />
  <button
    className="start"
    onClick={[Function]}
    type="button"
  >
    New Game
  </button>
  <div
    className="dropdowns"
  >
    <DropdownGroup>
      <Dropdown
        onSelect={[Function]}
        open="presets"
        selected={
          Object {
            "countryLock": null,
            "genMethod": "RANDOMSTREETVIEW",
            "rounds": 5,
            "ruleSet": "NORMAL",
            "timer": 300,
          }
        }
      >
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": null,
              "genMethod": "RANDOMSTREETVIEW",
              "rounds": 5,
              "ruleSet": "NORMAL",
              "timer": 300,
            }
          }
        >
          Default
        </Item>
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": "us",
              "genMethod": "URBAN",
              "rounds": 5,
              "ruleSet": "NORMAL",
              "timer": 300,
            }
          }
        >
          Urban America
        </Item>
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": null,
              "genMethod": "URBAN",
              "rounds": 5,
              "ruleSet": "NORMAL",
              "timer": 300,
            }
          }
        >
          Urban Global
        </Item>
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": null,
              "genMethod": "RANDOMSTREETVIEW",
              "rounds": 3,
              "ruleSet": "FROZEN",
              "timer": 30,
            }
          }
        >
          Fast Frozen
        </Item>
      </Dropdown>
      <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="rule"
        selected="FROZEN"
      >
        <Item
          display="⏰"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="🏦"
          value="TIMEBANK"
        >
          Time Bank
        </Item>
        <Item
          display="❄️"
          value="FROZEN"
        >
          Frozen
        </Item>
        <Item
          display="🏃"
          value="RACE"
        >
          Race
        </Item>
        <Item
          display="🗾"
          value="COUNTRYRACE"
        >
          Country Race
        </Item>
      </Dropdown>
    </DropdownGroup>
  </div>
</div>
`;

exports[`GameCreationForm can have the error modal closed 1`] = `
<div
  className="form"
>
  <ErrorModal
    onClose={[Function]}
    open={false}
  />
  <button
    className="start"
    onClick={[Function]}
    type="button"
  >
    New Game
  </button>
  <div
    className="dropdowns"
  >
    <DropdownGroup>
      <Dropdown
        onSelect={[Function]}
        open="presets"
        selected={
          Object {
            "countryLock": null,
            "genMethod": "RANDOMSTREETVIEW",
            "rounds": 5,
            "ruleSet": "NORMAL",
            "timer": 300,
          }
        }
      >
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": null,
              "genMethod": "RANDOMSTREETVIEW",
              "rounds": 5,
              "ruleSet": "NORMAL",
              "timer": 300,
            }
          }
        >
          Default
        </Item>
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": "us",
              "genMethod": "URBAN",
              "rounds": 5,
              "ruleSet": "NORMAL",
              "timer": 300,
            }
          }
        >
          Urban America
        </Item>
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": null,
              "genMethod": "URBAN",
              "rounds": 5,
              "ruleSet": "NORMAL",
              "timer": 300,
            }
          }
        >
          Urban Global
        </Item>
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": null,
              "genMethod": "RANDOMSTREETVIEW",
              "rounds": 3,
              "ruleSet": "FROZEN",
              "timer": 30,
            }
          }
        >
          Fast Frozen
        </Item>
      </Dropdown>
      <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="rule"
        selected="NORMAL"
      >
        <Item
          display="⏰"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="🏦"
          value="TIMEBANK"
        >
          Time Bank
        </Item>
        <Item
          display="❄️"
          value="FROZEN"
        >
          Frozen
        </Item>
        <Item
          display="🏃"
          value="RACE"
        >
          Race
        </Item>
        <Item
          display="🗾"
          value="COUNTRYRACE"
        >
          Country Race
        </Item>
      </Dropdown>
    </DropdownGroup>
  </div>
</div>
`;

exports[`GameCreationForm handles error creating a game 1`] = `
<div
  className="form"
>
  <ErrorModal
    onClose={[Function]}
    open={true}
  />
  <button
    className="start"
    onClick={[Function]}
    type="button"
  >
    New Game
  </button>
  <div
    className="dropdowns"
  >
    <DropdownGroup>
      <Dropdown
        onSelect={[Function]}
        open="presets"
        selected={
          Object {
            "countryLock": null,
            "genMethod": "RANDOMSTREETVIEW",
            "rounds": 5,
            "ruleSet": "NORMAL",
            "timer": 300,
          }
        }
      >
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": null,
              "genMethod": "RANDOMSTREETVIEW",
              "rounds": 5,
              "ruleSet": "NORMAL",
              "timer": 300,
            }
          }
        >
          Default
        </Item>
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": "us",
              "genMethod": "URBAN",
              "rounds": 5,
              "ruleSet": "NORMAL",
              "timer": 300,
            }
          }
        >
          Urban America
        </Item>
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": null,
              "genMethod": "URBAN",
              "rounds": 5,
              "ruleSet": "NORMAL",
              "timer": 300,
            }
          }
        >
          Urban Global
        </Item>
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": null,
              "genMethod": "RANDOMSTREETVIEW",
              "rounds": 3,
              "ruleSet": "FROZEN",
              "timer": 30,
            }
          }
        >
          Fast Frozen
        </Item>
      </Dropdown>
      <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="rule"
        selected="NORMAL"
      >
        <Item
          display="⏰"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="🏦"
          value="TIMEBANK"
        >
          Time Bank
        </Item>
        <Item
          display="❄️"
          value="FROZEN"
        >
          Frozen
        </Item>
        <Item
          display="🏃"
          value="RACE"
        >
          Race
        </Item>
        <Item
          display="🗾"
          value="COUNTRYRACE"
        >
          Country Race
        </Item>
      </Dropdown>
    </DropdownGroup>
  </div>
</div>
`;

exports[`GameCreationForm renders 1`] = `
<div
  className="form"
>
  <ErrorModal
    onClose={[Function]}
    open={false}
  />
  <button
    className="start"
    onClick={[Function]}
    type="button"
  >
    New Game
  </button>
  <div
    className="dropdowns"
  >
    <DropdownGroup>
      <Dropdown
        onSelect={[Function]}
        open="presets"
        selected={
          Object {
            "countryLock": null,
            "genMethod": "RANDOMSTREETVIEW",
            "rounds": 5,
            "ruleSet": "NORMAL",
            "timer": 300,
          }
        }
      >
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": null,
              "genMethod": "RANDOMSTREETVIEW",
              "rounds": 5,
              "ruleSet": "NORMAL",
              "timer": 300,
            }
          }
        >
          Default
        </Item>
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": "us",
              "genMethod": "URBAN",
              "rounds": 5,
              "ruleSet": "NORMAL",
              "timer": 300,
            }
          }
        >
          Urban America
        </Item>
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": null,
              "genMethod": "URBAN",
              "rounds": 5,
              "ruleSet": "NORMAL",
              "timer": 300,
            }
          }
        >
          Urban Global
        </Item>
        <Item
          display="⭐"
          value={
            Object {
              "countryLock": null,
              "genMethod": "RANDOMSTREETVIEW",
              "rounds": 3,
              "ruleSet": "FROZEN",
              "timer": 30,
            }
          }
        >
          Fast Frozen
        </Item>
      </Dropdown>
      <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="rule"
        selected="NORMAL"
      >
        <Item
          display="⏰"
          value="NORMAL"
        >
          Normal
        </Item>
        <Item
          display="🏦"
          value="TIMEBANK"
        >
          Time Bank
        </Item>
        <Item
          display="❄️"
          value="FROZEN"
        >
          Frozen
        </Item>
        <Item
          display="🏃"
          value="RACE"
        >
          Race
        </Item>
        <Item
          display="🗾"
          value="COUNTRYRACE"
        >
          Country Race
        </Item>
      </Dropdown>
    </DropdownGroup>
  </div>
</div>
`;
