Error: Snapshot `Table.FixedColumn > renders correctly > scrollX - without data 1` mismatched - Expected + Received @@ -38,84 +38,132 @@ <th class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start" scope="col" style="inset-inline-start: 0; --z-offset: 24; --z-offset-reverse: 12;" > - title1 + <div + class="rc-table-cell-inner-div" + > + title1 + </div> </th> <th 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="inset-inline-start: 1000px; --z-offset: 23; --z-offset-reverse: 13;" title="title2" > - <span + <div + class="rc-table-cell-inner-div" + > + <span - class="rc-table-cell-content" + class="rc-table-cell-content" - > + > - title2 + title2 - </span> + </span> + </div> </th> <th class="rc-table-cell" scope="col" > - title3 + <div + class="rc-table-cell-inner-div" + > + title3 + </div> </th> <th class="rc-table-cell" scope="col" > - title4 + <div + class="rc-table-cell-inner-div" + > + title4 + </div> </th> <th class="rc-table-cell" scope="col" > - title5 + <div + class="rc-table-cell-inner-div" + > + title5 + </div> </th> <th class="rc-table-cell" scope="col" > - title6 - </th> - <th - class="rc-table-cell" - scope="col" - > + <div + class="rc-table-cell-inner-div" + > + title6 + </div> + </th> + <th + class="rc-table-cell" + scope="col" + > + <div + class="rc-table-cell-inner-div" + > - title7 + title7 + </div> </th> <th class="rc-table-cell" scope="col" > - title8 + <div + class="rc-table-cell-inner-div" + > + title8 + </div> </th> <th class="rc-table-cell" scope="col" > - title9 + <div + class="rc-table-cell-inner-div" + > + title9 + </div> </th> <th class="rc-table-cell" scope="col" > - title10 + <div + class="rc-table-cell-inner-div" + > + title10 + </div> </th> <th class="rc-table-cell" scope="col" > - title11 + <div + class="rc-table-cell-inner-div" + > + title11 + </div> </th> <th class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow" scope="col"

Error: Snapshot `Table.FixedColumn > renders correctly > scrollX - with data 1` mismatched - Expected + Received @@ -38,84 +38,132 @@ <th class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start" scope="col" style="inset-inline-start: 0; --z-offset: 24; --z-offset-reverse: 12;" > - title1 + <div + class="rc-table-cell-inner-div" + > + title1 + </div> </th> <th 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="inset-inline-start: 1000px; --z-offset: 23; --z-offset-reverse: 13;" title="title2" > - <span - class="rc-table-cell-content" + <div + class="rc-table-cell-inner-div" > - title2 - </span> + <span + class="rc-table-cell-content" + > + title2 + </span> + </div> </th> <th class="rc-table-cell" scope="col" > - title3 + <div + class="rc-table-cell-inner-div" + > + title3 + </div> </th> <th class="rc-table-cell" scope="col" > - title4 + <div + class="rc-table-cell-inner-div" + > + title4 + </div> </th> <th class="rc-table-cell" scope="col" > - title5 + <div + class="rc-table-cell-inner-div" + > + title5 + </div> </th> <th class="rc-table-cell" scope="col" > - title6 + <div + class="rc-table-cell-inner-div" + > + title6 + </div> </th> <th class="rc-table-cell" scope="col" > - title7 + <div + class="rc-table-cell-inner-div" + > + title7 + </div> </th> <th class="rc-table-cell" scope="col" > - title8 + <div + class="rc-table-cell-inner-div" + > + title8 + </div> </th> <th class="rc-table-cell" scope="col" > - title9 + <div + class="rc-table-cell-inner-div" + > + title9 + </div> </th> <th class="rc-table-cell" scope="col" > - title10 + <div + class="rc-table-cell-inner-div" + > + title10 + </div> </th> <th class="rc-table-cell" scope="col" > - title11 + <div + class="rc-table-cell-inner-div" + > + title11 + </div> </th> <th class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow" scope="col" style="inset-inline-end: 0; --z-offset: 11; --z-offset-reverse: 1;" > - title12 + <div +

Error: expect(element).toHaveStyle() - Expected + Received - left: 50px; - position: sticky; ❯ tests/ExpandedOffset.spec.tsx:86:82

Error: Snapshot `Table.Expand > does not crash if scroll is not set 1` mismatched - Expected + Received @@ -18,23 +18,35 @@ <tr> <th class="rc-table-cell" scope="col" > - Name + <div + class="rc-table-cell-inner-div" + > + Name + </div> </th> <th class="rc-table-cell" scope="col" > - Age + <div + class="rc-table-cell-inner-div" + > + Age + </div> </th> <th class="rc-table-cell" scope="col" > - Gender + <div + class="rc-table-cell-inner-div" + > + Gender + </div> </th> </tr> </thead> <tbody class="rc-table-tbody" @@ -77,41 +89,65 @@ data-row-key="0" > <td class="rc-table-cell" > - Lucy + <div + class="rc-table-cell-inner-div" + > + Lucy + </div> </td> <td class="rc-table-cell" > - 27 + <div + class="rc-table-cell-inner-div" + > + 27 - </td> - <td - class="rc-table-cell" + </div> + </td> + <td + class="rc-table-cell" + > + <div + class="rc-table-cell-inner-div" - > + > - F + F + </div> </td> </tr> <tr class="rc-table-row rc-table-row-level-0" data-row-key="1" > <td class="rc-table-cell" > - Jack + <div + class="rc-table-cell-inner-div" + > + Jack - </td> - <td + </div> + </td> + <td + class="rc-table-cell" + > + <div - class="rc-table-cell" - > + class="rc-table-cell-inner-div" + > - 28 + 28 - </td> - <td - class="rc-table-cell" + </div> + </td> + <td + class="rc-table-cell" + > + <div + class="rc-table-cell-inner-div" - > - M + > + M + </div> </td> </tr> </tbody> </table> </div> ❯ tests/ExpandRow.spec.jsx:208:34

Error: Snapshot `Table.Expand > work in expandable fix 1` mismatched - Expected + Received @@ -18,23 +18,35 @@ <tr> <th class="rc-table-cell" scope="col" > - Name + <div + class="rc-table-cell-inner-div" + > + Name + </div> </th> <th class="rc-table-cell" scope="col" > - Age + <div + class="rc-table-cell-inner-div" + > + Age + </div> </th> <th class="rc-table-cell" scope="col" > - Gender + <div + class="rc-table-cell-inner-div" + > + Gender + </div> </th> </tr> </thead> <tbody class="rc-table-tbody" @@ -77,41 +89,65 @@ data-row-key="0" > <td class="rc-table-cell" > - Lucy + <div + class="rc-table-cell-inner-div" + > + Lucy + </div> </td> <td class="rc-table-cell" > - 27 + <div + class="rc-table-cell-inner-div" + > + 27 - </td> - <td - class="rc-table-cell" + </div> + </td> + <td + class="rc-table-cell" + > + <div + class="rc-table-cell-inner-div" - > + > - F + F + </div> </td> </tr> <tr class="rc-table-row rc-table-row-level-0" data-row-key="1" > <td class="rc-table-cell" > - Jack + <div + class="rc-table-cell-inner-div" + > + Jack - </td> - <td + </div> + </td> + <td + class="rc-table-cell" + > + <div - class="rc-table-cell" - > + class="rc-table-cell-inner-div" + > - 28 + 28 - </td> - <td - class="rc-table-cell" + </div> + </td> + <td + class="rc-table-cell" + > + <div + class="rc-table-cell-inner-div" - > - M + > + M + </div> </td> </tr> </tbody> </table> </div> ❯ tests/ExpandRow.spec.jsx:179:34

Error: Snapshot `Table.Expand > renders fixed column correctly > work 1` mismatched - Expected + Received @@ -21,30 +21,46 @@ > <tr> <th class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix rc-table-cell-fix-start" style="inset-inline-start: 0; --z-offset: 8; --z-offset-reverse: 4;" - /> + > + <div + class="rc-table-cell-inner-div" + /> + </th> <th class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-start rc-table-cell-fix-start-shadow" scope="col" style="inset-inline-start: 0; --z-offset: 7; --z-offset-reverse: 5;" > - Name + <div + class="rc-table-cell-inner-div" + > + Name + </div> </th> <th class="rc-table-cell" scope="col" > - Age + <div + class="rc-table-cell-inner-div" + > + Age + </div> </th> <th class="rc-table-cell rc-table-cell-fix rc-table-cell-fix-end rc-table-cell-fix-end-shadow" scope="col" style="inset-inline-end: 0; --z-offset: 3; --z-offset-reverse: 1;" > - Gender + <div + class="rc-table-cell-inner-div" + > + Gender + </div> </th> </tr> </thead> <tbody class="rc-table-tbody" @@ -97,46 +113,66 @@ > <td class="rc-table-cell rc-table-row-expand-icon-cell rc-table-cell-fix rc-table-cell-fix-start" style="inset-inline-start: 0; --z-offset: 8; --z-offset-reverse: 4;" > - <span + <div + class="rc-table-cell-inner-div" + > + <span - class="rc-table-row-expand-icon rc-table-row-expanded" + class="rc-table-row-expand-icon rc-table-row-expanded" - /> + /> + </div> </td> <td 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: 7; --z-offset-reverse: 5;" > - Lucy + <div + class="rc-table-cell-inner-div" + > + Lucy + </div> </td> <td class="rc-table-cell" > - 27 + <div + class="rc-table-cell-inner-div" + > + 27 + </div> </td> <td 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; --z-offset-reverse: 1;" > - F + <div + class="rc-table-cell-inner-div" + > + F + </div> </td> </tr> <tr class="rc-table-expanded-row rc-table-expanded-row-level-1" > <td class="rc-table-cell" colspan="4" > <div - class="rc-table-expanded-row-fixed" + class="rc-table-cell-inner-div" + > + <div + class="rc-table-expanded-row-fixed" - style="width: 1128px; position: sticky; left: 0px; overflow: hidden;" + style="width: 1128px; position: sticky; left: 0px; overflow: hidden;" - > + > - <p

Error: Snapshot `Table.Expand > childrenColumnName 1` mismatched - Expected + Received @@ -17,17 +17,25 @@ <tr> <th class="rc-table-cell" scope="col" > - Name + <div + class="rc-table-cell-inner-div" + > + Name + </div> </th> <th class="rc-table-cell" scope="col" > - Age + <div + class="rc-table-cell-inner-div" + > + Age + </div> </th> </tr> </thead> <tbody class="rc-table-tbody" @@ -37,64 +45,88 @@ data-row-key="0" > <td class="rc-table-cell rc-table-cell-with-append" > - <span + <div + class="rc-table-cell-inner-div rc-table-cell-with-append" + > + <span - class="rc-table-row-indent indent-level-0" + class="rc-table-row-indent indent-level-0" - /> + /> - <span + <span - class="rc-table-row-expand-icon rc-table-row-expanded" + class="rc-table-row-expand-icon rc-table-row-expanded" - /> + /> - Lucy + Lucy - </td> - <td + </div> + </td> + <td + class="rc-table-cell" + > + <div - class="rc-table-cell" + class="rc-table-cell-inner-div" - > + > - 27 + 27 + </div> </td> </tr> <tr class="rc-table-row rc-table-row-level-1" data-row-key="2" > <td class="rc-table-cell rc-table-cell-with-append" > - <span + <div + class="rc-table-cell-inner-div rc-table-cell-with-append" + > + <span - class="rc-table-row-indent indent-level-1" + class="rc-table-row-indent indent-level-1" - /> + /> - <span + <span - class="rc-table-row-expand-icon rc-table-row-spaced" + class="rc-table-row-expand-icon rc-table-row-spaced" - /> + /> - Jim + Jim + </div> </td> <td class="rc-table-cell" > - 1 + <div + class="rc-table-cell-inner-div" + > + 1 + </div> </td> </tr> <tr class="rc-table-row rc-table-row-level-0" data-row-key="1" > <td class="rc-table-cell rc-table-cell-with-append" > - <span + <div + class="rc-table-cell-inner-div rc-table-cell-with-append" + > + <span - class="rc-table-row-indent indent-level-0" + class="rc-table-row-indent indent-level-0" - /> + /> - <span + <span - class="rc-table-row-expand-icon rc-table-row-spaced" + class="rc-table-row-expand-icon rc-table-row-spaced" - /> + /> - Jack + Jack + </div> </td> <td class="rc-table-cell" > - 28 + <div + class="rc-table-cell-inner-div" + > +

Error: Snapshot `Table.Expand > not use nest when children is invalidate 1` mismatched - Expected + Received @@ -17,17 +17,25 @@ <tr> <th class="rc-table-cell" scope="col" > - Name + <div + class="rc-table-cell-inner-div" + > + Name + </div> </th> <th class="rc-table-cell" scope="col" > - Age + <div + class="rc-table-cell-inner-div" + > + Age + </div> </th> </tr> </thead> <tbody class="rc-table-tbody" @@ -37,46 +45,70 @@ data-row-key="2" > <td class="rc-table-cell" > - Jack + <div + class="rc-table-cell-inner-div" + > + Jack + </div> </td> <td class="rc-table-cell" > - 28 + <div + class="rc-table-cell-inner-div" + > + 28 + </div> </td> </tr> <tr class="rc-table-row rc-table-row-level-0" data-row-key="4" > <td class="rc-table-cell" > - Jack + <div + class="rc-table-cell-inner-div" + > + Jack + </div> </td> <td class="rc-table-cell" > - 28 + <div + class="rc-table-cell-inner-div" + > + 28 + </div> </td> </tr> <tr class="rc-table-row rc-table-row-level-0" data-row-key="5" > <td class="rc-table-cell" > - Jack - </td> - <td - class="rc-table-cell" - > - 28 + <div + class="rc-table-cell-inner-div" + > + Jack + </div> + </td> + <td + class="rc-table-cell" + > + <div + class="rc-table-cell-inner-div" + > + 28 + </div> </td> </tr> </tbody> </table> </div> ❯ tests/ExpandRow.spec.jsx:83:34

Error: Snapshot `Table.Expand > renders tree row correctly with different children 1` mismatched - Expected + Received @@ -17,17 +17,25 @@ <tr> <th class="rc-table-cell" scope="col" > - Name + <div + class="rc-table-cell-inner-div" + > + Name + </div> </th> <th class="rc-table-cell" scope="col" > - Age + <div + class="rc-table-cell-inner-div" + > + Age + </div> </th> </tr> </thead> <tbody class="rc-table-tbody" @@ -37,127 +45,175 @@ data-row-key="0" > <td class="rc-table-cell rc-table-cell-with-append" > - <span + <div + class="rc-table-cell-inner-div rc-table-cell-with-append" + > + <span - class="rc-table-row-indent indent-level-0" + class="rc-table-row-indent indent-level-0" - /> + /> - <span + <span - class="rc-table-row-expand-icon rc-table-row-collapsed" + class="rc-table-row-expand-icon rc-table-row-collapsed" - /> + /> - Lucy + Lucy - </td> - <td + </div> + </td> + <td + class="rc-table-cell" + > + <div - class="rc-table-cell" - > + class="rc-table-cell-inner-div" + > - 27 + 27 + </div> </td> </tr> <tr class="rc-table-row rc-table-row-level-0" data-row-key="1" > <td class="rc-table-cell rc-table-cell-with-append" > - <span + <div + class="rc-table-cell-inner-div rc-table-cell-with-append" + > + <span - class="rc-table-row-indent indent-level-0" + class="rc-table-row-indent indent-level-0" - /> + /> - <span + <span - class="rc-table-row-expand-icon rc-table-row-spaced" + class="rc-table-row-expand-icon rc-table-row-spaced" - /> + /> - Jack + Jack + </div> </td> <td class="rc-table-cell" > - 28 + <div + class="rc-table-cell-inner-div" + > + 28 + </div> </td> </tr> <tr class="rc-table-row rc-table-row-level-0" data-row-key="2" > <td class="rc-table-cell rc-table-cell-with-append" > - <span + <div + class="rc-table-cell-inner-div rc-table-cell-with-append" + > + <span - class="rc-table-row-indent indent-level-0" + class="rc-table-row-indent indent-level-0" - /> + /> - <span + <span - class="rc-table-row-expand-icon rc-table-row-spaced" + class="rc-table-row-expand-icon rc-table-row-spaced" - /> + /> - Jack + Jack + </div> </td> <td class="rc-table-cell" > - 28 + <div + class="rc-table-cell-inner