feat: action modal transport with placement (SDUI #2) #5433
xuyushun441-sysci.yml
on: pull_request
Changeset Fixed Group Check
5s
Test
4m 8s
Build & E2E
1m 0s
Build Docs
10s
Dev-server fixture build
26s
Annotations
3 errors and 1 notice
|
Test
Process completed with exit code 1.
|
|
packages/fields/src/complex-widgets.test.tsx > Complex & Relationship Widgets > GridField > renders table with data in edit mode (readonly view):
packages/fields/src/complex-widgets.test.tsx#L546
TestingLibraryElementError: Unable to find an element with the text: Alice. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="space-y-2"
data-testid="line-items"
>
<div
class="border border-border rounded-lg overflow-x-auto"
>
<table
class="w-full text-sm"
>
<thead
class="bg-muted border-b border-border"
>
<tr>
<th
class="w-10 px-2 py-2 text-right text-xs font-medium text-muted-foreground"
>
#
</th>
<th
class="px-3 py-2 text-xs font-medium text-muted-foreground text-left"
>
Name
</th>
<th
class="px-3 py-2 text-xs font-medium text-muted-foreground text-left"
>
Age
</th>
<th
class="w-10"
/>
</tr>
</thead>
<tbody
class="divide-y divide-border"
>
<tr
class="hover:bg-muted/30"
>
<td
class="px-2 py-1.5 text-right align-middle text-muted-foreground tabular-nums"
>
1
</td>
<td
class="px-2 py-1.5 align-top"
>
<div
class="relative"
>
<input
aria-label="Name"
class="flex w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm h-8"
type="text"
value=""
/>
</div>
</td>
<td
class="px-2 py-1.5 align-top"
>
<div
class="relative"
>
<input
aria-label="Age"
class="flex w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm h-8"
type="text"
value=""
/>
</div>
</td>
<td
class="px-2 py-1.5 text-center align-middle"
>
<button
aria-label="Remove row"
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent h-8 w-8 text-muted-foreground hover:text-destructive"
type="button"
>
<svg
aria-hidden="true"
class="lucide lucide-trash2 lucide-trash-2 h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
|
|
packages/fields/src/complex-widgets.test.tsx > Complex & Relationship Widgets > GridField > renders row count in readonly:
packages/fields/src/complex-widgets.test.tsx#L539
TestingLibraryElementError: Unable to find an element with the text: 2 rows. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="border border-border rounded-lg overflow-hidden"
data-testid="line-items-readonly"
>
<table
class="w-full text-sm"
>
<thead
class="bg-muted border-b border-border"
>
<tr>
<th
class="w-10 px-2 py-2 text-right text-xs font-medium text-muted-foreground"
>
#
</th>
<th
class="px-3 py-2 text-xs font-medium text-muted-foreground text-left"
>
Name
</th>
<th
class="px-3 py-2 text-xs font-medium text-muted-foreground text-left"
>
Age
</th>
</tr>
</thead>
<tbody
class="divide-y divide-border"
>
<tr>
<td
class="px-2 py-2 text-right text-muted-foreground tabular-nums"
>
1
</td>
<td
class="px-3 py-2 text-foreground"
>
—
</td>
<td
class="px-3 py-2 text-foreground"
>
—
</td>
</tr>
<tr>
<td
class="px-2 py-2 text-right text-muted-foreground tabular-nums"
>
2
</td>
<td
class="px-3 py-2 text-foreground"
>
—
</td>
<td
class="px-3 py-2 text-foreground"
>
—
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library+dom@10.4.1/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ packages/fields/src/complex-widgets.test.tsx:539:27
|
|
🎭 Playwright Run Summary
34 skipped
10 passed (11.3s)
|