[Feature Branch] improve(design): lazy load lottie-web for nextjs ssr #426
Annotations
3 errors and 1 warning
src/spin/__tests__/index.test.tsx > Spin > default indicator should render correctly:
packages/design/src/spin/__tests__/index.test.tsx#L9
Error: Snapshot `Spin > default indicator should render correctly 1` mismatched
- Expected
+ Received
@@ -4,182 +4,7 @@
class="ant-spin ant-spin-spinning ant-spin-oceanbase ant-spin-oceanbase-gray"
>
<div
class="ant-spin-dot"
style="display: inline-block;"
- >
- <svg
- height="500"
- preserveAspectRatio="xMidYMid meet"
- style="width: 100%; height: 100%; transform: translate3d(0,0,0);"
- viewBox="0 0 500 500"
- width="500"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- >
- <defs>
- <clippath
- id="__lottie_element_2"
- >
- <rect
- height="500"
- width="500"
- x="0"
- y="0"
- />
- </clippath>
- <clippath
- id="__lottie_element_4"
- >
- <path
- d="M0,0 L500,0 L500,500 L0,500z"
- />
- </clippath>
- <clippath
- id="__lottie_element_8"
- >
- <path
- d="M0,0 L1920,0 L1920,1080 L0,1080z"
- />
- </clippath>
- <clippath
- id="__lottie_element_21"
- >
- <path
- d="M0,0 L1920,0 L1920,1080 L0,1080z"
- />
- </clippath>
- </defs>
- <g
- clip-path="url(#__lottie_element_2)"
- >
- <g
- clip-path="url(#__lottie_element_4)"
- opacity="1"
- style="display: block;"
- transform="matrix(1.5399999618530273,0,0,1.5399999618530273,-116.5,-135)"
- >
- <g
- opacity="1"
- style="display: block;"
- transform="matrix(0.14900000393390656,0,0,0.14900000393390656,-60,-40.5)"
- >
- <g
- opacity="1"
- transform="matrix(1,0,0,1,2000.0909423828125,1999.43603515625)"
- >
- <path
- d=" M-1095.5050048828125,-236.11700439453125 C-291.1889953613281,-124.90799713134766 97.28199768066406,-624.0339965820312 1095.751953125,-512.760986328125 C1095.751953125,-512.760986328125 1095.5059814453125,236.11900329589844 1095.5059814453125,236.11900329589844 C291.19000244140625,124.90899658203125 -97.28099822998047,624.0349731445312 -1095.751953125,516.39599609375 C-1095.751953125,516.39599609375 -1095.5050048828125,-236.11700439453125 -1095.5050048828125,-236.11700439453125z"
- fill="rgb(226,232,243)"
- fill-opacity="1"
- />
- </g>
- </g>
- <g
- clip-path="url(#__lottie_element_21)"
- opacity="1"
- style="display: block;"
- transform="matrix(1,0,0,1,-730.5,-260)"
- >
- <g
- opacity="1"
- style="display: block;"
- transform="matrix(1,0,0,1,960,543)"
- >
- <g
- opacity="1"
- transform="matrix(1,0,0,1,0,0)"
- >
- <path
- d=" M-153.4320068359375,-90.92500305175781 C-106.36900329589844,-89.91600036621094 -73.50800323486328,-88.51399993896484 -14,-109 C-9.442999839782715,-110.56900024414062 -5.0929999351501465,-112.05400085449219 -0.9039999842643738,-113.45899963378906"
- fill-opacity="0"
- stroke="rgb(226,232,243)"
- stroke-linecap="butt"
- stroke-linejoin="miter"
- stroke-miterlimit="4"
- stroke-opacity="1"
- stroke-width="37"
- />
- </g>
- </g>
- <g
- style="display: none;"
- >
- <g>
- <path
- fill-opacity="0"
- stroke-linecap="butt"
- stroke-linejoin="miter"
- stroke-miterlimit="4"
- />
- </g>
- </g>
- <g
|
src/spin/__tests__/index.test.tsx > Spin > gray default indicator should render correctly:
packages/design/src/spin/__tests__/index.test.tsx#L15
Error: Snapshot `Spin > gray default indicator should render correctly 1` mismatched
- Expected
+ Received
@@ -4,182 +4,7 @@
class="ant-spin ant-spin-spinning ant-spin-oceanbase ant-spin-oceanbase-gray"
>
<div
class="ant-spin-dot"
style="display: inline-block;"
- >
- <svg
- height="500"
- preserveAspectRatio="xMidYMid meet"
- style="width: 100%; height: 100%; transform: translate3d(0,0,0);"
- viewBox="0 0 500 500"
- width="500"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- >
- <defs>
- <clippath
- id="__lottie_element_37"
- >
- <rect
- height="500"
- width="500"
- x="0"
- y="0"
- />
- </clippath>
- <clippath
- id="__lottie_element_39"
- >
- <path
- d="M0,0 L500,0 L500,500 L0,500z"
- />
- </clippath>
- <clippath
- id="__lottie_element_43"
- >
- <path
- d="M0,0 L1920,0 L1920,1080 L0,1080z"
- />
- </clippath>
- <clippath
- id="__lottie_element_56"
- >
- <path
- d="M0,0 L1920,0 L1920,1080 L0,1080z"
- />
- </clippath>
- </defs>
- <g
- clip-path="url(#__lottie_element_37)"
- >
- <g
- clip-path="url(#__lottie_element_39)"
- opacity="1"
- style="display: block;"
- transform="matrix(1.5399999618530273,0,0,1.5399999618530273,-116.5,-135)"
- >
- <g
- opacity="1"
- style="display: block;"
- transform="matrix(0.14900000393390656,0,0,0.14900000393390656,-60,-40.5)"
- >
- <g
- opacity="1"
- transform="matrix(1,0,0,1,2000.0909423828125,1999.43603515625)"
- >
- <path
- d=" M-1095.5050048828125,-236.11700439453125 C-291.1889953613281,-124.90799713134766 97.28199768066406,-624.0339965820312 1095.751953125,-512.760986328125 C1095.751953125,-512.760986328125 1095.5059814453125,236.11900329589844 1095.5059814453125,236.11900329589844 C291.19000244140625,124.90899658203125 -97.28099822998047,624.0349731445312 -1095.751953125,516.39599609375 C-1095.751953125,516.39599609375 -1095.5050048828125,-236.11700439453125 -1095.5050048828125,-236.11700439453125z"
- fill="rgb(226,232,243)"
- fill-opacity="1"
- />
- </g>
- </g>
- <g
- clip-path="url(#__lottie_element_56)"
- opacity="1"
- style="display: block;"
- transform="matrix(1,0,0,1,-730.5,-260)"
- >
- <g
- opacity="1"
- style="display: block;"
- transform="matrix(1,0,0,1,960,543)"
- >
- <g
- opacity="1"
- transform="matrix(1,0,0,1,0,0)"
- >
- <path
- d=" M-153.4320068359375,-90.92500305175781 C-106.36900329589844,-89.91600036621094 -73.50800323486328,-88.51399993896484 -14,-109 C-9.442999839782715,-110.56900024414062 -5.0929999351501465,-112.05400085449219 -0.9039999842643738,-113.45899963378906"
- fill-opacity="0"
- stroke="rgb(226,232,243)"
- stroke-linecap="butt"
- stroke-linejoin="miter"
- stroke-miterlimit="4"
- stroke-opacity="1"
- stroke-width="37"
- />
- </g>
- </g>
- <g
- style="display: none;"
- >
- <g>
- <path
- fill-opacity="0"
- stroke-linecap="butt"
- stroke-linejoin="miter"
- stroke-miterlimit="4"
- />
- </g>
- </g>
-
|
test (16.x, ubuntu-latest)
Process completed with exit code 1.
|
test (16.x, ubuntu-latest)
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3, pnpm/action-setup@v2. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|