rickvanlieshout.com/src/components/Post/Content/__snapshots__/Content.test.tsx.snap

// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing

exports[`Content renders correctly 1`] = `
[
  <div>
    <span>
      <span
        className="undefined hideInPrintView"
      >
        <a
          href="/"
        >
          Rick 
          <span>
            van Lieshout
          </span>
        </a>
      </span>
      <span
        className="undefined showInPrintView"
      >
        <a
          href="/"
        >
          rickvanLieshout.com
        </a>
      </span>
    </span>
    <span
      className="hideInPrintView"
    >
      <a
        onClick={[Function]}
        style={
          {
            "cursor": "pointer",
            "lineHeight": "50px",
            "marginRight": "10px",
          }
        }
      >
        ↩ Back to articles
      </a>
      <span
        className="hideInPrintView"
      >
        <div
          className="react-toggle"
          onClick={[Function]}
          onTouchEnd={[Function]}
          onTouchMove={[Function]}
          onTouchStart={[Function]}
        >
          <div
            className="react-toggle-track"
          >
            <div
              className="react-toggle-track-check"
            >
              <div
                style={
                  {
                    "color": "#f1c40f",
                    "fontSize": "1.1em",
                    "position": "absolute",
                    "top": "-4px",
                  }
                }
              >
                <svg
                  aria-hidden="true"
                  className="svg-inline--fa fa-moon"
                  data-icon="moon"
                  data-prefix="fas"
                  role="img"
                  viewBox="0 0 512 512"
                >
                  <path
                    d="M256 0C114.6 0 0 114.6 0 256S114.6 512 256 512c68.8 0 131.3-27.2 177.3-71.4 7.3-7 9.4-17.9 5.3-27.1s-13.7-14.9-23.8-14.1c-4.9 .4-9.8 .6-14.8 .6-101.6 0-184-82.4-184-184 0-72.1 41.5-134.6 102.1-164.8 9.1-4.5 14.3-14.3 13.1-24.4S322.6 8.5 312.7 6.3C294.4 2.2 275.4 0 256 0z"
                    fill="currentColor"
                  />
                </svg>
              </div>
            </div>
            <div
              className="react-toggle-track-x"
            >
              <div
                style={
                  {
                    "color": "#f39c12",
                    "fontSize": "1em",
                    "left": "-3px",
                    "position": "absolute",
                    "top": "-3px",
                  }
                }
              >
                <svg
                  aria-hidden="true"
                  className="svg-inline--fa fa-sun"
                  data-icon="sun"
                  data-prefix="fas"
                  role="img"
                  viewBox="0 0 576 512"
                >
                  <path
                    d="M178.2-10.1c7.4-3.1 15.8-2.2 22.5 2.2l87.8 58.2 87.8-58.2c6.7-4.4 15.1-5.2 22.5-2.2S411.4-.5 413 7.3l20.9 103.2 103.2 20.9c7.8 1.6 14.4 7 17.4 14.3s2.2 15.8-2.2 22.5l-58.2 87.8 58.2 87.8c4.4 6.7 5.2 15.1 2.2 22.5s-9.6 12.8-17.4 14.3L433.8 401.4 413 504.7c-1.6 7.8-7 14.4-14.3 17.4s-15.8 2.2-22.5-2.2l-87.8-58.2-87.8 58.2c-6.7 4.4-15.1 5.2-22.5 2.2s-12.8-9.6-14.3-17.4L143 401.4 39.7 380.5c-7.8-1.6-14.4-7-17.4-14.3s-2.2-15.8 2.2-22.5L82.7 256 24.5 168.2c-4.4-6.7-5.2-15.1-2.2-22.5s9.6-12.8 17.4-14.3L143 110.6 163.9 7.3c1.6-7.8 7-14.4 14.3-17.4zM207.6 256a80.4 80.4 0 1 1 160.8 0 80.4 80.4 0 1 1 -160.8 0zm208.8 0a128.4 128.4 0 1 0 -256.8 0 128.4 128.4 0 1 0 256.8 0z"
                    fill="currentColor"
                  />
                </svg>
              </div>
            </div>
          </div>
          <div
            className="react-toggle-thumb"
          />
          <input
            checked={false}
            className="react-toggle-screenreader-only"
            onBlur={[Function]}
            onChange={[Function]}
            onFocus={[Function]}
            type="checkbox"
          />
        </div>
      </span>
    </span>
  </div>,
  <div>
    <h1>
      Perfecting the Art of Perfection
    </h1>
    <h2>
      - 
    </h2>
    <div
      dangerouslySetInnerHTML={
        {
          "__html": "<p>An Essay on Typography by Eric Gill takes the reader back to the year 1930. The year when a conflict between two worlds came to its term. The machines of the industrial world finally took over the handicrafts.</p>",
        }
      }
    />
  </div>,
]
`;