refactor: Support all type of shadow #1563
zombieJmain.yml
on: pull_request
test
/
react component workflow
1m 45s
Annotations
10 errors
|
tests/ExpandRow.spec.jsx > Table.Expand > renders fixed column correctly > work:
tests/ExpandRow.spec.jsx#L140
Error: Snapshot `Table.Expand > renders fixed column correctly > work 1` mismatched
- Expected
+ Received
@@ -20,30 +20,30 @@
<thead
class="rc-table-thead"
>
<tr>
<th
- class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix-left"
+ class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix rc-table-cell-fix-start"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 8;"
/>
<th
- class="rc-table-cell rc-table-cell-fix-left rc-table-cell-fix-left-last"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow"
scope="col"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 7;"
>
Name
</th>
<th
class="rc-table-cell"
scope="col"
>
Age
</th>
<th
- class="rc-table-cell rc-table-cell-fix-right rc-table-cell-fix-right-first"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow"
scope="col"
- style="position: sticky; right: 0px;"
+ style="inset-inline-end: 0; --z-offset: 3;"
>
Gender
</th>
</tr>
</thead>
@@ -95,31 +95,31 @@
<tr
class="rc-table-row rc-table-row-level-0"
data-row-key="0"
>
<td
- class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix-left"
+ class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix rc-table-cell-fix-start"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 8;"
>
<span
class="rc-table-row-expand-icon rc-table-row-expanded"
/>
</td>
<td
- class="rc-table-cell rc-table-cell-fix-left rc-table-cell-fix-left-last"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 7;"
>
Lucy
</td>
<td
class="rc-table-cell"
>
27
</td>
<td
- class="rc-table-cell rc-table-cell-fix-right rc-table-cell-fix-right-first"
- style="position: sticky; right: 0px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow"
+ style="inset-inline-end: 0; --z-offset: 3;"
>
F
</td>
</tr>
<tr
@@ -142,31 +142,31 @@
<tr
class="rc-table-row rc-table-row-level-0"
data-row-key="1"
>
<td
- class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix-left"
+ class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix rc-table-cell-fix-start"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 8;"
>
<span
class="rc-table-row-expand-icon rc-table-row-expanded"
/>
</td>
<td
- class="rc-table-cell rc-table-cell-fix-left rc-table-cell-fix-left-last"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix
|
|
tests/ExpandRow.spec.jsx > Table.Expand > work in expandable fix:
tests/ExpandRow.spec.jsx#L171
Error: Snapshot `Table.Expand > work in expandable fix 2` mismatched
- Expected
+ Received
@@ -1,8 +1,8 @@
LoadedCheerio {
"0": <div
- class="rc-table rc-table-fixed-column rc-table-fixed-column-gapped rc-table-scroll-horizontal"
+ class="rc-table rc-table-fixed-column rc-table-scroll-horizontal"
>
<div
class="rc-table-container"
>
<div
@@ -41,12 +41,12 @@
scope="col"
>
Gender
</th>
<th
- class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix-left rc-table-cell-fix-left-last"
+ class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 5;"
/>
</tr>
</thead>
<tbody
class="rc-table-tbody"
@@ -111,12 +111,12 @@
class="rc-table-cell"
>
F
</td>
<td
- class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix-left rc-table-cell-fix-left-last"
+ class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 5;"
>
<span
class="rc-table-row-expand-icon rc-table-row-collapsed"
/>
</td>
@@ -139,12 +139,12 @@
class="rc-table-cell"
>
M
</td>
<td
- class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix-left rc-table-cell-fix-left-last"
+ class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 5;"
>
<span
class="rc-table-row-expand-icon rc-table-row-collapsed"
/>
</td>
❯ tests/ExpandRow.spec.jsx:171:31
|
|
tests/FixedColumn.spec.tsx > Table.FixedColumn > renders correctly > scrollX - with data:
tests/FixedColumn.spec.tsx#L99
Error: Snapshot `Table.FixedColumn > renders correctly > scrollX - with data 1` mismatched
- Expected
+ Received
@@ -35,20 +35,20 @@
<thead
class="rc-table-thead"
>
<tr>
<th
- class="rc-table-cell rc-table-cell-fix-left"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start"
scope="col"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 24;"
>
title1
</th>
<th
- class="rc-table-cell rc-table-cell-fix-left rc-table-cell-fix-left-last rc-table-cell-ellipsis"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow rc-table-cell-ellipsis"
scope="col"
- style="position: sticky; left: 93px;"
+ style="inset-inline-start: 93px; --z-offset: 23;"
title="title2"
>
<span
class="rc-table-cell-content"
>
@@ -108,13 +108,13 @@
scope="col"
>
title11
</th>
<th
- class="rc-table-cell rc-table-cell-fix-right rc-table-cell-fix-right-first"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow"
scope="col"
- style="position: sticky; right: 0px;"
+ style="inset-inline-end: 0; --z-offset: 11;"
>
title12
</th>
</tr>
</thead>
@@ -238,18 +238,18 @@
<tr
class="rc-table-row rc-table-row-level-0"
data-row-key="1"
>
<td
- class="rc-table-cell rc-table-cell-fix-left"
- style="position: sticky; left: 0px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start"
+ style="inset-inline-start: 0; --z-offset: 24;"
>
123
</td>
<td
- class="rc-table-cell rc-table-cell-fix-left rc-table-cell-fix-left-last rc-table-cell-ellipsis"
- style="position: sticky; left: 93px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow rc-table-cell-ellipsis"
+ style="inset-inline-start: 93px; --z-offset: 23;"
title="1111"
>
<span
class="rc-table-cell-content"
>
@@ -300,29 +300,29 @@
class="rc-table-cell"
>
xxxxxxxx
</td>
<td
- class="rc-table-cell rc-table-cell-fix-right rc-table-cell-fix-right-first"
- style="position: sticky; right: 0px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow"
+ style="inset-inline-end: 0; --z-offset: 11;"
>
xxxxxxxx
</td>
</tr>
<tr
class="rc-table-row rc-table-row-level-0"
data-row-key="2"
>
<td
- class="rc-table-cell rc-table-cell-fix-left"
- style="position: sticky; left: 0px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start"
+ style="inset-inline-start: 0; --z-offset: 24;"
>
cdd
</td>
<td
- class="rc-table-cell rc-table-cell-fix-left rc-table-cell-fix-left-last rc-table-cell-ellipsis"
- style="position: sticky; left: 93px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-
|
|
tests/FixedColumn.spec.tsx > Table.FixedColumn > renders correctly > scrollX - without data:
tests/FixedColumn.spec.tsx#L99
Error: Snapshot `Table.FixedColumn > renders correctly > scrollX - without data 1` mismatched
- Expected
+ Received
@@ -35,20 +35,20 @@
<thead
class="rc-table-thead"
>
<tr>
<th
- class="rc-table-cell rc-table-cell-fix-left"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start"
scope="col"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 24;"
>
title1
</th>
<th
- class="rc-table-cell rc-table-cell-fix-left rc-table-cell-fix-left-last rc-table-cell-ellipsis"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow rc-table-cell-ellipsis"
scope="col"
- style="position: sticky; left: 93px;"
+ style="inset-inline-start: 93px; --z-offset: 23;"
title="title2"
>
<span
class="rc-table-cell-content"
>
@@ -108,13 +108,13 @@
scope="col"
>
title11
</th>
<th
- class="rc-table-cell rc-table-cell-fix-right rc-table-cell-fix-right-first"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow"
scope="col"
- style="position: sticky; right: 0px;"
+ style="inset-inline-end: 0; --z-offset: 11;"
>
title12
</th>
</tr>
</thead>
❯ tests/FixedColumn.spec.tsx:99:36
|
|
tests/FixedColumn.spec.tsx > Table.FixedColumn > renders correctly > scrollXY - with data:
tests/FixedColumn.spec.tsx#L99
Error: Snapshot `Table.FixedColumn > renders correctly > scrollXY - with data 1` mismatched
- Expected
+ Received
@@ -56,20 +56,20 @@
<thead
class="rc-table-thead"
>
<tr>
<th
- class="rc-table-cell rc-table-cell-fix-left"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start"
scope="col"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 26;"
>
title1
</th>
<th
- class="rc-table-cell rc-table-cell-fix-left rc-table-cell-fix-left-last rc-table-cell-ellipsis"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow rc-table-cell-ellipsis"
scope="col"
- style="position: sticky; left: 93px;"
+ style="inset-inline-start: 93px; --z-offset: 25;"
title="title2"
>
<span
class="rc-table-cell-content"
>
@@ -129,19 +129,19 @@
scope="col"
>
title11
</th>
<th
- class="rc-table-cell rc-table-cell-fix-right rc-table-cell-fix-right-first"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow"
scope="col"
- style="position: sticky; right: 15px;"
+ style="inset-inline-end: 15px; --z-offset: 11;"
>
title12
</th>
<th
- class="rc-table-cell rc-table-cell-fix-right rc-table-cell-scrollbar"
- style="position: sticky; right: 0px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-scrollbar"
+ style="inset-inline-end: 0; --z-offset: 12;"
/>
</tr>
</thead>
</table>
</div>
@@ -292,18 +292,18 @@
<tr
class="rc-table-row rc-table-row-level-0"
data-row-key="1"
>
<td
- class="rc-table-cell rc-table-cell-fix-left"
- style="position: sticky; left: 0px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start"
+ style="inset-inline-start: 0; --z-offset: 24;"
>
123
</td>
<td
- class="rc-table-cell rc-table-cell-fix-left rc-table-cell-fix-left-last rc-table-cell-ellipsis"
- style="position: sticky; left: 93px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow rc-table-cell-ellipsis"
+ style="inset-inline-start: 93px; --z-offset: 23;"
title="1111"
>
<span
class="rc-table-cell-content"
>
@@ -354,29 +354,29 @@
class="rc-table-cell"
>
xxxxxxxx
</td>
<td
- class="rc-table-cell rc-table-cell-fix-right rc-table-cell-fix-right-first"
- style="position: sticky; right: 0px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow"
+ style="inset-inline-end: 0; --z-offset: 11;"
>
xxxxxxxx
</td>
</tr>
<tr
class="rc-table-row rc-table-row-level-0"
data-row-key="2"
>
<td
- class="rc-table-cell rc-table-cell-fix-left"
- style="position: sticky; left: 0px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start"
+
|
|
tests/FixedColumn.spec.tsx > Table.FixedColumn > renders correctly > scrollXY - without data:
tests/FixedColumn.spec.tsx#L99
Error: Snapshot `Table.FixedColumn > renders correctly > scrollXY - without data 1` mismatched
- Expected
+ Received
@@ -56,20 +56,20 @@
<thead
class="rc-table-thead"
>
<tr>
<th
- class="rc-table-cell rc-table-cell-fix-left"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start"
scope="col"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 26;"
>
title1
</th>
<th
- class="rc-table-cell rc-table-cell-fix-left rc-table-cell-fix-left-last rc-table-cell-ellipsis"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow rc-table-cell-ellipsis"
scope="col"
- style="position: sticky; left: 93px;"
+ style="inset-inline-start: 93px; --z-offset: 25;"
title="title2"
>
<span
class="rc-table-cell-content"
>
@@ -129,19 +129,19 @@
scope="col"
>
title11
</th>
<th
- class="rc-table-cell rc-table-cell-fix-right rc-table-cell-fix-right-first"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow"
scope="col"
- style="position: sticky; right: 15px;"
+ style="inset-inline-end: 15px; --z-offset: 11;"
>
title12
</th>
<th
- class="rc-table-cell rc-table-cell-fix-right rc-table-cell-scrollbar"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-scrollbar"
- style="position: sticky; right: 0px;"
+ style="inset-inline-end: 0; --z-offset: 12;"
/>
</tr>
</thead>
</table>
</div>
❯ tests/FixedColumn.spec.tsx:99:36
|
|
tests/FixedColumn.spec.tsx > Table.FixedColumn > fixed column renders correctly RTL:
tests/FixedColumn.spec.tsx#L210
Error: Snapshot `Table.FixedColumn > fixed column renders correctly RTL 1` mismatched
- Expected
+ Received
@@ -1,8 +1,8 @@
LoadedCheerio {
"0": <div
- class="rc-table rc-table-rtl rc-table-fixed-column rc-table-fixed-column-gapped rc-table-scroll-horizontal rc-table-has-fix-left"
+ class="rc-table rc-table-rtl rc-table-fixed-column rc-table-scroll-horizontal rc-table-has-fix-left"
>
<div
class="rc-table-container"
>
<div
@@ -35,20 +35,20 @@
<thead
class="rc-table-thead"
>
<tr>
<th
- class="rc-table-cell rc-table-cell-fix-right"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow"
scope="col"
- style="position: sticky; right: 0px;"
+ style="inset-inline-end: 0; --z-offset: 0;"
>
title1
</th>
<th
- class="rc-table-cell rc-table-cell-fix-right rc-table-cell-fix-right-last rc-table-cell-ellipsis"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-ellipsis"
scope="col"
- style="position: sticky; right: 0px;"
+ style="inset-inline-end: 0; --z-offset: 1;"
title="title2"
>
title2
</th>
<th
@@ -104,13 +104,13 @@
scope="col"
>
title11
</th>
<th
- class="rc-table-cell rc-table-cell-fix-left rc-table-cell-fix-left-first"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow"
scope="col"
- style="position: sticky; left: 0px;"
+ style="inset-inline-start: 0; --z-offset: 13;"
>
title12
</th>
</tr>
</thead>
@@ -234,18 +234,18 @@
<tr
class="rc-table-row rc-table-row-level-0"
data-row-key="1"
>
<td
- class="rc-table-cell rc-table-cell-fix-right"
- style="position: sticky; right: 0px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow"
+ style="inset-inline-end: 0; --z-offset: 0;"
>
123
</td>
<td
- class="rc-table-cell rc-table-cell-fix-right rc-table-cell-fix-right-last rc-table-cell-ellipsis"
- style="position: sticky; right: 0px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-ellipsis"
+ style="inset-inline-end: 0; --z-offset: 1;"
title="1111"
>
<span>
1111
</span>
@@ -292,29 +292,29 @@
class="rc-table-cell"
>
xxxxxxxx
</td>
<td
- class="rc-table-cell rc-table-cell-fix-left rc-table-cell-fix-left-first"
- style="position: sticky; left: 0px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow"
+ style="inset-inline-start: 0; --z-offset: 13;"
>
xxxxxxxx
</td>
</tr>
<tr
class="rc-table-row rc-table-row-level-0"
data-row-key="2"
>
<td
- class="rc-table-cell rc-table-cell-fix-right"
- style="position: sticky; right: 0px;"
+ class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow"
+ style="inset-inline-end: 0; --z-offset: 0;"
|
|
tests/FixedColumn.spec.tsx > Table.FixedColumn > has correct scroll classNames when table direction is RTL:
tests/FixedColumn.spec.tsx#L227
AssertionError: expected false to be truthy
- Expected
+ Received
- true
+ false
❯ tests/FixedColumn.spec.tsx:227:7
|
|
tests/FixedColumn.spec.tsx > Table.FixedColumn > when all columns fixed left,cell should has classname rc-table-cell-fix-left-all:
tests/FixedColumn.spec.tsx#L253
AssertionError: expected ReactWrapper{ length: +0, …(9) } to have a length of 10 but got +0
- Expected
+ Received
- 10
+ 0
❯ tests/FixedColumn.spec.tsx:253:57
|
|
tests/FixedColumn.spec.tsx > Table.FixedColumn > cross fixed support > left:
tests/FixedColumn.spec.tsx#L279
AssertionError: expected to have a length of 2 but got +0
- Expected
+ Received
- 2
+ 0
❯ tests/FixedColumn.spec.tsx:279:75
|