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

exports[`ScoreBoard PlayerScoreTile renders overly long name 1`] = `
<div
  className="tile"
>
  <div
    className="header"
  >
    <span
      className="name longname"
    >
      LongLongLongLongLongLongLongLongLongLong
    </span>
    <span
      className="total"
    >
       
      0
    </span>
  </div>
  <div
    className="scores"
  />
</div>
`;

exports[`ScoreBoard PlayerScoreTile renders slightly long name 1`] = `
<div
  className="tile"
>
  <div
    className="header"
  >
    <span
      className="name medname"
    >
      LongLongLongLongLong
    </span>
    <span
      className="total"
    >
       
      0
    </span>
  </div>
  <div
    className="scores"
  />
</div>
`;

exports[`ScoreBoard PlayerScoreTile renders with guesses 1`] = `
<div
  className="tile"
>
  <div
    className="header"
  >
    <span
      className="name "
    >
      Name
    </span>
    <span
      className="total"
    >
      🏆
       
      220
    </span>
  </div>
  <div
    className="scores"
  >
    <div
      className="round"
      key="1"
    >
      <span
        className="score"
      >
        Round 
        1
        : 
        50
      </span>
      <span
        className="flag"
        title="test-country"
      >
        flag
      </span>
    </div>
    <div
      className="round"
      key="2"
    >
      <span
        className="score"
      >
        Round 
        2
        : 
        150
      </span>
      <span
        className="flag"
        title="test-country"
      >
        flag
      </span>
    </div>
    <div
      className="round"
      key="3"
    >
      <span
        className="score"
      >
        Round 
        3
        : 
        20
      </span>
      <span
        className="flag"
        title="test-country"
      >
        flag
      </span>
    </div>
  </div>
</div>
`;

exports[`ScoreBoard PlayerScoreTile renders with guesses 2`] = `
[MockFunction] {
  "calls": Array [
    Array [
      "test-country",
    ],
    Array [
      "test-country",
    ],
    Array [
      "test-country",
    ],
  ],
  "results": Array [
    Object {
      "type": "return",
      "value": "flag",
    },
    Object {
      "type": "return",
      "value": "flag",
    },
    Object {
      "type": "return",
      "value": "flag",
    },
  ],
}
`;

exports[`ScoreBoard PlayerScoreTile renders with missing guess 1`] = `
<div
  className="tile"
>
  <div
    className="header"
  >
    <span
      className="name "
    >
      Name
    </span>
    <span
      className="total"
    >
      🏆
       
      220
    </span>
  </div>
  <div
    className="scores"
  >
    <div
      className="round"
      key="1"
    >
      <span
        className="score"
      >
        Round 
        1
        : 
        50
      </span>
      <span
        className="flag"
        title="test-country"
      >
        flag
      </span>
    </div>
    <div
      className="round"
      key="3"
    >
      <span
        className="score"
      >
        Round 
        3
        : 
        20
      </span>
      <span
        className="flag"
        title="test-country"
      >
        flag
      </span>
    </div>
  </div>
</div>
`;

exports[`ScoreBoard PlayerScoreTile renders with missing guess 2`] = `
[MockFunction] {
  "calls": Array [
    Array [
      "test-country",
    ],
    Array [
      "test-country",
    ],
  ],
  "results": Array [
    Object {
      "type": "return",
      "value": "flag",
    },
    Object {
      "type": "return",
      "value": "flag",
    },
  ],
}
`;

exports[`ScoreBoard PlayerScoreTile renders with no guesses 1`] = `
<div
  className="tile"
>
  <div
    className="header"
  >
    <span
      className="name "
    >
      Name
    </span>
    <span
      className="total"
    >
       
      0
    </span>
  </div>
  <div
    className="scores"
  />
</div>
`;

exports[`ScoreBoard PlayerScoreTile renders with timeout 1`] = `
<div
  className="tile"
>
  <div
    className="header"
  >
    <span
      className="name "
    >
      Name
    </span>
    <span
      className="total"
    >
      🏆
       
      220
    </span>
  </div>
  <div
    className="scores"
  >
    <div
      className="round"
      key="1"
    >
      <span
        className="score"
      >
        Round 
        1
        : 
        50
      </span>
      <span
        className="flag"
        title="test-country"
      >
        flag
      </span>
    </div>
    <div
      className="round"
      key="2"
    >
      <span
        className="score"
      >
        Round 
        2
        : 
        0
      </span>
      <span
        className="flag"
        title={null}
      >
        flag
      </span>
    </div>
    <div
      className="round"
      key="3"
    >
      <span
        className="score"
      >
        Round 
        3
        : 
        20
      </span>
      <span
        className="flag"
        title="test-country"
      >
        flag
      </span>
    </div>
  </div>
</div>
`;

exports[`ScoreBoard PlayerScoreTile renders with timeout 2`] = `
[MockFunction] {
  "calls": Array [
    Array [
      "test-country",
    ],
    Array [
      null,
    ],
    Array [
      "test-country",
    ],
  ],
  "results": Array [
    Object {
      "type": "return",
      "value": "flag",
    },
    Object {
      "type": "return",
      "value": "flag",
    },
    Object {
      "type": "return",
      "value": "flag",
    },
  ],
}
`;

exports[`ScoreBoard PlayerScoreTile sorts guesses by round number 1`] = `
<div
  className="tile"
>
  <div
    className="header"
  >
    <span
      className="name "
    >
      Name
    </span>
    <span
      className="total"
    >
      🏆
       
      220
    </span>
  </div>
  <div
    className="scores"
  >
    <div
      className="round"
      key="1"
    >
      <span
        className="score"
      >
        Round 
        1
        : 
        50
      </span>
      <span
        className="flag"
        title="test-country"
      >
        flag
      </span>
    </div>
    <div
      className="round"
      key="2"
    >
      <span
        className="score"
      >
        Round 
        2
        : 
        150
      </span>
      <span
        className="flag"
        title="test-country"
      >
        flag
      </span>
    </div>
    <div
      className="round"
      key="3"
    >
      <span
        className="score"
      >
        Round 
        3
        : 
        20
      </span>
      <span
        className="flag"
        title="test-country"
      >
        flag
      </span>
    </div>
  </div>
</div>
`;

exports[`ScoreBoard PlayerScoreTile sorts guesses by round number 2`] = `
[MockFunction] {
  "calls": Array [
    Array [
      "test-country",
    ],
    Array [
      "test-country",
    ],
    Array [
      "test-country",
    ],
  ],
  "results": Array [
    Object {
      "type": "return",
      "value": "flag",
    },
    Object {
      "type": "return",
      "value": "flag",
    },
    Object {
      "type": "return",
      "value": "flag",
    },
  ],
}
`;

exports[`ScoreBoard does not add tiles for unfinished players 1`] = `
<div
  className="scoreboard"
>
  <PlayerScoreTile
    key="Name2"
    name="Name2"
    totalScore={10000}
    winner={true}
  />
  <PlayerScoreTile
    key="Name1"
    name="Name1"
    totalScore={5000}
    winner={false}
  />
</div>
`;

exports[`ScoreBoard renders with no players 1`] = `
<div
  className="scoreboard"
/>
`;

exports[`ScoreBoard renders with player tiles sorted by score 1`] = `
<div
  className="scoreboard"
>
  <PlayerScoreTile
    key="Name2"
    name="Name2"
    totalScore={10000}
    winner={true}
  />
  <PlayerScoreTile
    key="Name1"
    name="Name1"
    totalScore={5000}
    winner={false}
  />
  <PlayerScoreTile
    key="Name4"
    name="Name4"
    totalScore={5000}
    winner={false}
  />
  <PlayerScoreTile
    key="Name3"
    name="Name3"
    totalScore={1000}
    winner={false}
  />
</div>
`;
