VideoPlayer.test.js.snap 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`VideoPlayer component Should render correctly 1`] = `
  3. <Memo(VideoPlayer)
  4. poster="https://ssl-static.libsyn.com/p/assets/a/4/8/f/a48f1a0697e958ce/Cover_2.png"
  5. src="https://www.computt.com/asset/v0/5EjgEKNpyDbNdjcJoZ8izWuzeDUtAcaUvwG8vUWZQZ256NLb"
  6. >
  7. <div
  8. css={
  9. Object {
  10. "map": undefined,
  11. "name": "19dglr4",
  12. "next": undefined,
  13. "styles": "
  14. max-width: 48rem;
  15. & .video-player {
  16. }
  17. ",
  18. "toString": [Function],
  19. }
  20. }
  21. >
  22. <ReactPlayer
  23. config={
  24. Object {
  25. "file": Object {
  26. "attributes": Object {
  27. "className": "video-player",
  28. },
  29. },
  30. }
  31. }
  32. controls={true}
  33. css={
  34. Object {
  35. "map": undefined,
  36. "name": "bggj8i",
  37. "next": undefined,
  38. "styles": "
  39. width: 100%;
  40. height: 100%;
  41. ",
  42. "toString": [Function],
  43. }
  44. }
  45. height="360px"
  46. light="https://ssl-static.libsyn.com/p/assets/a/4/8/f/a48f1a0697e958ce/Cover_2.png"
  47. loop={false}
  48. muted={false}
  49. onBuffer={[Function]}
  50. onBufferEnd={[Function]}
  51. onDisablePIP={[Function]}
  52. onDuration={[Function]}
  53. onEnablePIP={[Function]}
  54. onEnded={[Function]}
  55. onError={[Function]}
  56. onPause={[Function]}
  57. onPlay={[Function]}
  58. onProgress={[Function]}
  59. onReady={[Function]}
  60. onSeek={[Function]}
  61. onStart={[Function]}
  62. pip={false}
  63. playbackRate={1}
  64. playing={false}
  65. playsinline={false}
  66. progressInterval={1000}
  67. style={Object {}}
  68. url="https://www.computt.com/asset/v0/5EjgEKNpyDbNdjcJoZ8izWuzeDUtAcaUvwG8vUWZQZ256NLb"
  69. volume={null}
  70. width="640px"
  71. wrapper="div"
  72. >
  73. <div
  74. css={
  75. Object {
  76. "map": undefined,
  77. "name": "bggj8i",
  78. "next": undefined,
  79. "styles": "
  80. width: 100%;
  81. height: 100%;
  82. ",
  83. "toString": [Function],
  84. }
  85. }
  86. style={
  87. Object {
  88. "height": "360px",
  89. "width": "640px",
  90. }
  91. }
  92. >
  93. <Preview
  94. light="https://ssl-static.libsyn.com/p/assets/a/4/8/f/a48f1a0697e958ce/Cover_2.png"
  95. onClick={[Function]}
  96. url="https://www.computt.com/asset/v0/5EjgEKNpyDbNdjcJoZ8izWuzeDUtAcaUvwG8vUWZQZ256NLb"
  97. >
  98. <div
  99. className="react-player__preview"
  100. onClick={[Function]}
  101. style={
  102. Object {
  103. "alignItems": "center",
  104. "backgroundImage": "url(https://ssl-static.libsyn.com/p/assets/a/4/8/f/a48f1a0697e958ce/Cover_2.png)",
  105. "backgroundPosition": "center",
  106. "backgroundSize": "cover",
  107. "cursor": "pointer",
  108. "display": "flex",
  109. "height": "100%",
  110. "justifyContent": "center",
  111. "width": "100%",
  112. }
  113. }
  114. >
  115. <div
  116. className="react-player__shadow"
  117. style={
  118. Object {
  119. "alignItems": "center",
  120. "background": "radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",
  121. "borderRadius": "64px",
  122. "display": "flex",
  123. "height": "64px",
  124. "justifyContent": "center",
  125. "width": "64px",
  126. }
  127. }
  128. >
  129. <div
  130. className="react-player__play-icon"
  131. style={
  132. Object {
  133. "borderColor": "transparent transparent transparent white",
  134. "borderStyle": "solid",
  135. "borderWidth": "16px 0 16px 26px",
  136. "marginLeft": "7px",
  137. }
  138. }
  139. />
  140. </div>
  141. </div>
  142. </Preview>
  143. </div>
  144. </ReactPlayer>
  145. </div>
  146. </Memo(VideoPlayer)>
  147. `;