improve(ui): PageContainer style #119
Annotations
3 errors and 1 warning
src/PageContainer/__tests__/index.test.tsx > PageContainer > basic:
packages/ui/src/PageContainer/__tests__/index.test.tsx#L9
Error: Snapshot `PageContainer > basic 1` mismatched
- Expected
+ Received
@@ -1,44 +1,11 @@
<div
class="ant-pro-page-container ant-pro-page-container-with-footer"
>
<div
- class="ant-page-header ant-pro-page-container-warp-page-header ant-page-header-has-breadcrumb ant-page-header-ghost"
+ class="ant-page-header ant-pro-page-container-warp-page-header ant-page-header-ghost"
>
- <nav
- class="ant-breadcrumb ant-page-header-breadcrumb"
- >
- <ol>
- <li>
- <a>
- 一级页面
- </a>
- </li>
- <li
- aria-hidden="true"
- class="ant-breadcrumb-separator"
- >
- /
- </li>
- <li>
- <a>
- 二级页面
- </a>
- </li>
- <li
- aria-hidden="true"
- class="ant-breadcrumb-separator"
- >
- /
- </li>
- <li>
- <span>
- 当前页面
- </span>
- </li>
- </ol>
- </nav>
<div
class="ant-page-header-heading "
>
<div
class="ant-page-header-heading-left"
@@ -46,43 +13,10 @@
<span
class="ant-page-header-heading-title"
title="页面标题"
>
页面标题
- </span>
- <span
- class="ant-page-header-heading-sub-title"
- >
- <div
- class="ant-space ant-space-horizontal ant-space-align-center ant-space-not-support-gap"
- style="column-gap: 12px; row-gap: 12px;"
- >
- <div
- class="ant-space-item"
- >
- <span
- aria-label="sync"
- class="anticon anticon-sync ant-page-header-heading-reload"
- role="img"
- tabindex="-1"
- >
- <svg
- aria-hidden="true"
- data-icon="sync"
- fill="currentColor"
- focusable="false"
- height="1em"
- viewBox="64 64 896 896"
- width="1em"
- >
- <path
- d="M168 504.2c1-43.7 10-86.1 26.9-126 17.3-41 42.1-77.7 73.7-109.4S337 212.3 378 195c42.4-17.9 87.4-27 133.9-27s91.5 9.1 133.8 27A341.5 341.5 0 01755 268.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 003 14.1l175.7 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c0-6.7-7.7-10.5-12.9-6.3l-56.4 44.1C765.8 155.1 646.2 92 511.8 92 282.7 92 96.3 275.6 92 503.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8zm756 7.8h-60c-4.4 0-7.9 3.5-8 7.8-1 43.7-10 86.1-26.9 126-17.3 41-42.1 77.8-73.7 109.4A342.45 342.45 0 01512.1 856a342.24 342.24 0 01-243.2-100.8c-9.9-9.9-19.2-20.4-27.8-31.4l60.2-47a8 8 0 00-3-14.1l-175.7-43c-5-1.2-9.9 2.6-9.9 7.7l-.7 181c0 6.7 7.7 10.5 12.9 6.3l56.4-44.1C258.2 868.9 377.8 932 512.2 932c229.2 0 415.5-183.7 419.8-411.8a8 8 0 00-8-8.2z"
- />
- </svg>
- </span>
- </div>
- </div>
</span>
</div>
<span
class="ant-page-header-heading-extra"
>
@@ -154,167 +88,184 @@
>
<div
class="ant-pro-page-container-children-container"
>
<div
- class="ant-descriptions"
+ class="ant-card"
>
<div
- class="ant-descriptions-view"
+ class="ant-card-body"
>
- <table>
- <tbody>
- <tr
- class="ant-descriptions-row"
+ <div
+ class="ant-descriptions"
+ >
+ <div
+ class="ant-descriptions-header"
+ >
+ <div
+ class="ant-descriptions-title"
>
- <td
- class="ant-descriptions-item"
- colspan="1"
- >
- <div
- class="ant-descriptions-item-contai
|
src/PageContainer/__tests__/index.test.tsx > PageContainer > extra and footer:
packages/ui/src/PageContainer/__tests__/index.test.tsx#L14
Error: Snapshot `PageContainer > extra and footer 1` mismatched
- Expected
+ Received
@@ -51,12 +51,11 @@
</span>
<span
class="ant-page-header-heading-sub-title"
>
<div
- class="ant-space ant-space-horizontal ant-space-align-center ant-space-not-support-gap"
- style="column-gap: 12px; row-gap: 12px;"
+ class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small ant-space-not-support-gap"
>
<div
class="ant-space-item"
>
<span
@@ -531,167 +530,175 @@
>
<div
class="ant-pro-page-container-children-container"
>
<div
- class="ant-descriptions"
+ class="ant-card"
>
<div
- class="ant-descriptions-view"
+ class="ant-card-body"
>
- <table>
- <tbody>
- <tr
- class="ant-descriptions-row"
- >
- <td
- class="ant-descriptions-item"
- colspan="1"
- >
- <div
- class="ant-descriptions-item-container"
+ <div
+ class="ant-descriptions"
+ >
+ <div
+ class="ant-descriptions-view"
+ >
+ <table>
+ <tbody>
+ <tr
+ class="ant-descriptions-row"
>
- <span
- class="ant-descriptions-item-label"
- >
- 创建人
- </span>
- <span
- class="ant-descriptions-item-content"
+ <td
+ class="ant-descriptions-item"
+ colspan="1"
>
- <span
- class="ant-typography ant-typography-ellipsis ant-typography-single-line ant-typography-ellipsis-single-line"
+ <div
+ class="ant-descriptions-item-container"
>
- 曲丽丽
- </span>
- </span>
- </div>
- </td>
- <td
- class="ant-descriptions-item"
- colspan="1"
- >
- <div
- class="ant-descriptions-item-container"
- >
- <span
- class="ant-descriptions-item-label"
+ <span
+ class="ant-descriptions-item-label"
+ >
+ 创建人
+ </span>
+ <span
+ class="ant-descriptions-item-content"
+ >
+ <span
+ class="ant-typography ant-typography-ellipsis ant-typography-single-line ant-typography-ellipsis-single-line"
+ >
+ 曲丽丽
+ </span>
+ </span>
+ </div>
+ </td>
+ <td
+ class="ant-descriptions-item"
+ colspan="1"
>
- 电话号码
- </span>
- <span
- class="ant-descriptions-item-content"
- >
- <span
- class="ant-typography ant-typography-ellipsis ant-typography-single-line ant-typography-ellipsis-single-line"
+ <d
|
test (16.x, ubuntu-latest)
Process completed with exit code 1.
|
test (16.x, ubuntu-latest)
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, actions/setup-node@v3, pnpm/action-setup@v2. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|