Grid.test.js.snap 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`Grid component Should render correctly 1`] = `
  3. <Memo(Grid)
  4. items={
  5. Array [
  6. <Item
  7. text="test-0"
  8. />,
  9. <Item
  10. text="test-1"
  11. />,
  12. <Item
  13. text="test-2"
  14. />,
  15. <Item
  16. text="test-3"
  17. />,
  18. <Item
  19. text="test-4"
  20. />,
  21. <Item
  22. text="test-5"
  23. />,
  24. <Item
  25. text="test-6"
  26. />,
  27. <Item
  28. text="test-7"
  29. />,
  30. <Item
  31. text="test-8"
  32. />,
  33. <Item
  34. text="test-9"
  35. />,
  36. ]
  37. }
  38. maxItemWidth="600"
  39. minItemWidth="250"
  40. >
  41. <div
  42. className=""
  43. css={
  44. Object {
  45. "map": undefined,
  46. "name": "1sl9x6x",
  47. "next": undefined,
  48. "styles": "
  49. display: grid;
  50. grid-template-columns: repeat(auto-fit, minmax(250px, 600px));
  51. gap: 30px;
  52. ",
  53. "toString": [Function],
  54. }
  55. }
  56. >
  57. <div
  58. css={
  59. Object {
  60. "map": undefined,
  61. "name": "wuoxs",
  62. "next": undefined,
  63. "styles": "
  64. width: 100%;
  65. cursor: pointer;
  66. ",
  67. "toString": [Function],
  68. }
  69. }
  70. key="grid-item-0"
  71. >
  72. <Item
  73. key="0"
  74. text="test-0"
  75. >
  76. <div>
  77. test-0
  78. </div>
  79. </Item>
  80. </div>
  81. <div
  82. css={
  83. Object {
  84. "map": undefined,
  85. "name": "wuoxs",
  86. "next": undefined,
  87. "styles": "
  88. width: 100%;
  89. cursor: pointer;
  90. ",
  91. "toString": [Function],
  92. }
  93. }
  94. key="grid-item-1"
  95. >
  96. <Item
  97. key="1"
  98. text="test-1"
  99. >
  100. <div>
  101. test-1
  102. </div>
  103. </Item>
  104. </div>
  105. <div
  106. css={
  107. Object {
  108. "map": undefined,
  109. "name": "wuoxs",
  110. "next": undefined,
  111. "styles": "
  112. width: 100%;
  113. cursor: pointer;
  114. ",
  115. "toString": [Function],
  116. }
  117. }
  118. key="grid-item-2"
  119. >
  120. <Item
  121. key="2"
  122. text="test-2"
  123. >
  124. <div>
  125. test-2
  126. </div>
  127. </Item>
  128. </div>
  129. <div
  130. css={
  131. Object {
  132. "map": undefined,
  133. "name": "wuoxs",
  134. "next": undefined,
  135. "styles": "
  136. width: 100%;
  137. cursor: pointer;
  138. ",
  139. "toString": [Function],
  140. }
  141. }
  142. key="grid-item-3"
  143. >
  144. <Item
  145. key="3"
  146. text="test-3"
  147. >
  148. <div>
  149. test-3
  150. </div>
  151. </Item>
  152. </div>
  153. <div
  154. css={
  155. Object {
  156. "map": undefined,
  157. "name": "wuoxs",
  158. "next": undefined,
  159. "styles": "
  160. width: 100%;
  161. cursor: pointer;
  162. ",
  163. "toString": [Function],
  164. }
  165. }
  166. key="grid-item-4"
  167. >
  168. <Item
  169. key="4"
  170. text="test-4"
  171. >
  172. <div>
  173. test-4
  174. </div>
  175. </Item>
  176. </div>
  177. <div
  178. css={
  179. Object {
  180. "map": undefined,
  181. "name": "wuoxs",
  182. "next": undefined,
  183. "styles": "
  184. width: 100%;
  185. cursor: pointer;
  186. ",
  187. "toString": [Function],
  188. }
  189. }
  190. key="grid-item-5"
  191. >
  192. <Item
  193. key="5"
  194. text="test-5"
  195. >
  196. <div>
  197. test-5
  198. </div>
  199. </Item>
  200. </div>
  201. <div
  202. css={
  203. Object {
  204. "map": undefined,
  205. "name": "wuoxs",
  206. "next": undefined,
  207. "styles": "
  208. width: 100%;
  209. cursor: pointer;
  210. ",
  211. "toString": [Function],
  212. }
  213. }
  214. key="grid-item-6"
  215. >
  216. <Item
  217. key="6"
  218. text="test-6"
  219. >
  220. <div>
  221. test-6
  222. </div>
  223. </Item>
  224. </div>
  225. <div
  226. css={
  227. Object {
  228. "map": undefined,
  229. "name": "wuoxs",
  230. "next": undefined,
  231. "styles": "
  232. width: 100%;
  233. cursor: pointer;
  234. ",
  235. "toString": [Function],
  236. }
  237. }
  238. key="grid-item-7"
  239. >
  240. <Item
  241. key="7"
  242. text="test-7"
  243. >
  244. <div>
  245. test-7
  246. </div>
  247. </Item>
  248. </div>
  249. <div
  250. css={
  251. Object {
  252. "map": undefined,
  253. "name": "wuoxs",
  254. "next": undefined,
  255. "styles": "
  256. width: 100%;
  257. cursor: pointer;
  258. ",
  259. "toString": [Function],
  260. }
  261. }
  262. key="grid-item-8"
  263. >
  264. <Item
  265. key="8"
  266. text="test-8"
  267. >
  268. <div>
  269. test-8
  270. </div>
  271. </Item>
  272. </div>
  273. <div
  274. css={
  275. Object {
  276. "map": undefined,
  277. "name": "wuoxs",
  278. "next": undefined,
  279. "styles": "
  280. width: 100%;
  281. cursor: pointer;
  282. ",
  283. "toString": [Function],
  284. }
  285. }
  286. key="grid-item-9"
  287. >
  288. <Item
  289. key="9"
  290. text="test-9"
  291. >
  292. <div>
  293. test-9
  294. </div>
  295. </Item>
  296. </div>
  297. </div>
  298. </Memo(Grid)>
  299. `;