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

exports[`App Footer renders 1`] = `
<CSSTransition
  classNames="fade"
  mountOnEnter={true}
  nodeRef={
    Object {
      "current": null,
    }
  }
  timeout={500}
  unmountOnExit={true}
>
  <div
    className="footer"
  >
    <ApiInfo />
  </div>
</CSSTransition>
`;

exports[`App Header renders 1`] = `
<CSSTransition
  classNames="fade"
  mountOnEnter={true}
  nodeRef={
    Object {
      "current": null,
    }
  }
  timeout={500}
  unmountOnExit={true}
>
  <div
    className="header"
  >
    <p>
      TerrAssumptions!
    </p>
  </div>
</CSSTransition>
`;

exports[`App State renders 1`] = `
<CSSTransition
  classNames="fade"
  mountOnEnter={true}
  nodeRef={
    Object {
      "current": null,
    }
  }
  onEnter={[Function]}
  onExited={[Function]}
  timeout={500}
  unmountOnExit={true}
>
  <div
    className="state"
  >
    Test
  </div>
</CSSTransition>
`;

exports[`App paramRouter routes summary param 1`] = `
[MockFunction] {
  "calls": Array [
    Array [
      "test-game-id",
      false,
    ],
  ],
  "results": Array [
    Object {
      "type": "return",
      "value": undefined,
    },
  ],
}
`;

exports[`App renders 1`] = `
<StrictMode>
  <div
    className="page"
  >
    <Header />
    <State
      setTransitioning={[Function]}
      show={true}
    >
      <div
        className="loading"
      >
        <Loading />
      </div>
    </State>
    <State
      setTransitioning={[Function]}
      show={false}
    >
      <HomePage />
    </State>
    <State
      setTransitioning={[Function]}
      show={false}
    >
      <Lobby />
    </State>
    <State
      setTransitioning={[Function]}
      show={false}
    >
      <RoundSummary />
    </State>
    <State
      setTransitioning={[Function]}
      show={false}
    >
      <GameSummary />
    </State>
    <State
      show={false}
    >
      <p>
        Application encountered unrecoverable error, please refresh the page.
      </p>
    </State>
    <Footer />
  </div>
</StrictMode>
`;
