atlas/packages/components/__tests__/__snapshots__/VideoPlayer.test.js.snap

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

exports[`VideoPlayer component Should render correctly 1`] = `
<Memo(VideoPlayer)
  poster="https://ssl-static.libsyn.com/p/assets/a/4/8/f/a48f1a0697e958ce/Cover_2.png"
  src="https://www.computt.com/asset/v0/5EjgEKNpyDbNdjcJoZ8izWuzeDUtAcaUvwG8vUWZQZ256NLb"
>
  <div
    css={
      Object {
        "map": undefined,
        "name": "19dglr4",
        "next": undefined,
        "styles": "
      max-width: 48rem;
      & .video-player {
      }
    ",
        "toString": [Function],
      }
    }
  >
    <ReactPlayer
      config={
        Object {
          "file": Object {
            "attributes": Object {
              "className": "video-player",
            },
          },
        }
      }
      controls={true}
      css={
        Object {
          "map": undefined,
          "name": "bggj8i",
          "next": undefined,
          "styles": "
      width: 100%;
      height: 100%;
    ",
          "toString": [Function],
        }
      }
      height="360px"
      light="https://ssl-static.libsyn.com/p/assets/a/4/8/f/a48f1a0697e958ce/Cover_2.png"
      loop={false}
      muted={false}
      onBuffer={[Function]}
      onBufferEnd={[Function]}
      onDisablePIP={[Function]}
      onDuration={[Function]}
      onEnablePIP={[Function]}
      onEnded={[Function]}
      onError={[Function]}
      onPause={[Function]}
      onPlay={[Function]}
      onProgress={[Function]}
      onReady={[Function]}
      onSeek={[Function]}
      onStart={[Function]}
      pip={false}
      playbackRate={1}
      playing={false}
      playsinline={false}
      progressInterval={1000}
      style={Object {}}
      url="https://www.computt.com/asset/v0/5EjgEKNpyDbNdjcJoZ8izWuzeDUtAcaUvwG8vUWZQZ256NLb"
      volume={null}
      width="640px"
      wrapper="div"
    >
      <div
        css={
          Object {
            "map": undefined,
            "name": "bggj8i",
            "next": undefined,
            "styles": "
      width: 100%;
      height: 100%;
    ",
            "toString": [Function],
          }
        }
        style={
          Object {
            "height": "360px",
            "width": "640px",
          }
        }
      >
        <Preview
          light="https://ssl-static.libsyn.com/p/assets/a/4/8/f/a48f1a0697e958ce/Cover_2.png"
          onClick={[Function]}
          url="https://www.computt.com/asset/v0/5EjgEKNpyDbNdjcJoZ8izWuzeDUtAcaUvwG8vUWZQZ256NLb"
        >
          <div
            className="react-player__preview"
            onClick={[Function]}
            style={
              Object {
                "alignItems": "center",
                "backgroundImage": "url(https://ssl-static.libsyn.com/p/assets/a/4/8/f/a48f1a0697e958ce/Cover_2.png)",
                "backgroundPosition": "center",
                "backgroundSize": "cover",
                "cursor": "pointer",
                "display": "flex",
                "height": "100%",
                "justifyContent": "center",
                "width": "100%",
              }
            }
          >
            <div
              className="react-player__shadow"
              style={
                Object {
                  "alignItems": "center",
                  "background": "radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",
                  "borderRadius": "64px",
                  "display": "flex",
                  "height": "64px",
                  "justifyContent": "center",
                  "width": "64px",
                }
              }
            >
              <div
                className="react-player__play-icon"
                style={
                  Object {
                    "borderColor": "transparent transparent transparent white",
                    "borderStyle": "solid",
                    "borderWidth": "16px 0 16px 26px",
                    "marginLeft": "7px",
                  }
                }
              />
            </div>
          </div>
        </Preview>
      </div>
    </ReactPlayer>
  </div>
</Memo(VideoPlayer)>
`;