123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300 |
- // Jest Snapshot v1, https://goo.gl/fbAQLP
- exports[`Grid component Should render correctly 1`] = `
- <Memo(Grid)
- items={
- Array [
- <Item
- text="test-0"
- />,
- <Item
- text="test-1"
- />,
- <Item
- text="test-2"
- />,
- <Item
- text="test-3"
- />,
- <Item
- text="test-4"
- />,
- <Item
- text="test-5"
- />,
- <Item
- text="test-6"
- />,
- <Item
- text="test-7"
- />,
- <Item
- text="test-8"
- />,
- <Item
- text="test-9"
- />,
- ]
- }
- maxItemWidth="600"
- minItemWidth="250"
- >
- <div
- className=""
- css={
- Object {
- "map": undefined,
- "name": "1sl9x6x",
- "next": undefined,
- "styles": "
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(250px, 600px));
- gap: 30px;
- ",
- "toString": [Function],
- }
- }
- >
- <div
- css={
- Object {
- "map": undefined,
- "name": "wuoxs",
- "next": undefined,
- "styles": "
- width: 100%;
- cursor: pointer;
- ",
- "toString": [Function],
- }
- }
- key="grid-item-0"
- >
- <Item
- key="0"
- text="test-0"
- >
- <div>
- test-0
- </div>
- </Item>
- </div>
- <div
- css={
- Object {
- "map": undefined,
- "name": "wuoxs",
- "next": undefined,
- "styles": "
- width: 100%;
- cursor: pointer;
- ",
- "toString": [Function],
- }
- }
- key="grid-item-1"
- >
- <Item
- key="1"
- text="test-1"
- >
- <div>
- test-1
- </div>
- </Item>
- </div>
- <div
- css={
- Object {
- "map": undefined,
- "name": "wuoxs",
- "next": undefined,
- "styles": "
- width: 100%;
- cursor: pointer;
- ",
- "toString": [Function],
- }
- }
- key="grid-item-2"
- >
- <Item
- key="2"
- text="test-2"
- >
- <div>
- test-2
- </div>
- </Item>
- </div>
- <div
- css={
- Object {
- "map": undefined,
- "name": "wuoxs",
- "next": undefined,
- "styles": "
- width: 100%;
- cursor: pointer;
- ",
- "toString": [Function],
- }
- }
- key="grid-item-3"
- >
- <Item
- key="3"
- text="test-3"
- >
- <div>
- test-3
- </div>
- </Item>
- </div>
- <div
- css={
- Object {
- "map": undefined,
- "name": "wuoxs",
- "next": undefined,
- "styles": "
- width: 100%;
- cursor: pointer;
- ",
- "toString": [Function],
- }
- }
- key="grid-item-4"
- >
- <Item
- key="4"
- text="test-4"
- >
- <div>
- test-4
- </div>
- </Item>
- </div>
- <div
- css={
- Object {
- "map": undefined,
- "name": "wuoxs",
- "next": undefined,
- "styles": "
- width: 100%;
- cursor: pointer;
- ",
- "toString": [Function],
- }
- }
- key="grid-item-5"
- >
- <Item
- key="5"
- text="test-5"
- >
- <div>
- test-5
- </div>
- </Item>
- </div>
- <div
- css={
- Object {
- "map": undefined,
- "name": "wuoxs",
- "next": undefined,
- "styles": "
- width: 100%;
- cursor: pointer;
- ",
- "toString": [Function],
- }
- }
- key="grid-item-6"
- >
- <Item
- key="6"
- text="test-6"
- >
- <div>
- test-6
- </div>
- </Item>
- </div>
- <div
- css={
- Object {
- "map": undefined,
- "name": "wuoxs",
- "next": undefined,
- "styles": "
- width: 100%;
- cursor: pointer;
- ",
- "toString": [Function],
- }
- }
- key="grid-item-7"
- >
- <Item
- key="7"
- text="test-7"
- >
- <div>
- test-7
- </div>
- </Item>
- </div>
- <div
- css={
- Object {
- "map": undefined,
- "name": "wuoxs",
- "next": undefined,
- "styles": "
- width: 100%;
- cursor: pointer;
- ",
- "toString": [Function],
- }
- }
- key="grid-item-8"
- >
- <Item
- key="8"
- text="test-8"
- >
- <div>
- test-8
- </div>
- </Item>
- </div>
- <div
- css={
- Object {
- "map": undefined,
- "name": "wuoxs",
- "next": undefined,
- "styles": "
- width: 100%;
- cursor: pointer;
- ",
- "toString": [Function],
- }
- }
- key="grid-item-9"
- >
- <Item
- key="9"
- text="test-9"
- >
- <div>
- test-9
- </div>
- </Item>
- </div>
- </div>
- </Memo(Grid)>
- `;
|