next.js/examples/with-ioc/__tests__/__snapshots__/blog.page_with_provide.test.js.snap

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

exports[`With Snapshot Testing Blog renders components 1`] = `
<div>
  <h1>
    Hi There!
  </h1>
  <div
    style={
      Object {
        "border": "1px dotted #ff0000",
        "marginTop": "5px",
        "padding": "10px",
      }
    }
  >
    <h3>
      Component1
    </h3>
    Knows nothing about any custom \`Link\` or \`Router\` components or prop
    <div
      style={
        Object {
          "border": "1px dashed #0000ff",
          "marginTop": "5px",
          "padding": "10px",
        }
      }
    >
      <h3>
        Component2
      </h3>
      Knows nothing about any custom \`Link\` or \`Router\` components or prop
      <div
        style={
          Object {
            "border": "1px dashed #00ff00",
            "marginTop": "5px",
            "padding": "10px",
          }
        }
      >
        <h3>
          Endpoint
        </h3>
        Uses injected \`Link\` component without direct dependency on one
        <br />
        <a
          href="/about-us/baz"
          onClick={[Function]}
        >
          About: foo baz
        </a>
        <br />
        <a
          href="/"
          onClick={[Function]}
        >
          go Home
        </a>
      </div>
      <div
        style={
          Object {
            "border": "1px dashed #00ff00",
            "marginTop": "5px",
            "padding": "10px",
          }
        }
      >
        <h3>
          EndButton
        </h3>
        Uses injected \`Router\` component without direct dependency on one
        <br />
        <button
          onClick={[Function]}
        >
          Route to About foo bar
        </button>
        <br />
        <button
          onClick={[Function]}
        >
          go Home
        </button>
      </div>
    </div>
  </div>
</div>
`;