fix(deps): update vitest monorepo to v3 (major) #888
Annotations
10 errors and 1 warning
|
Run pnpm test:
deployables/app/app/routes/edit-route.$data.spec.ts#L313
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Roles v2"
Here are the accessible roles:
main:
Name "":
<main
class="mx-auto flex max-w-3xl flex-col gap-4"
/>
--------------------------------------------------
heading:
Name "Route configuration":
<h1
class="my-8 text-3xl font-semibold"
/>
--------------------------------------------------
textbox:
Name "Label":
<input
aria-describedby=":r89:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":r88:"
name="label"
type="text"
value=""
/>
Name "Piloted Safe":
<input
aria-describedby=":r8e:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":r8d:"
placeholder="Paste in Safe address"
type="text"
value=""
/>
--------------------------------------------------
log:
Name "":
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
Name "":
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
--------------------------------------------------
combobox:
Name "Chain":
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class=""
id=":r8a:"
role="combobox"
spellcheck="false"
style="color: inherit; background: ; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; padding: 0px; outline-color: initial; outline-style: initial; outline-width: 0px;"
tabindex="0"
type="text"
value=""
/>
Name "Zodiac Mod":
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-controls="react-select-52-listbox"
aria-describedby="react-select-52-placeholder"
aria-expanded="true"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class=""
id=":r8i:"
role="combobox"
spellcheck="false"
style="color: inherit; background: ; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; padding: 0px; outline-color: initial; outline-style: initial; outline-width: 0px;"
tabindex="0"
type="text"
value=""
/>
--------------------------------------------------
button:
Name "":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 p-1 border-transparent bg-transparent font-bold text-zinc-500 enabled:hover:bg-zinc-200 enabled:hover:text-zinc-700 dark:text-zinc-400 dark:enabled:hover:bg-zinc-100/10 dark:enabled:hover:text-zinc-300"
type="button"
/>
Name "Connect wallet":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 px-4 py-2 font-bold border-transparent bg-zinc-900 text-zinc-50 enabled:hover:bg-zinc-800 dark:border-zinc-500 dark:bg-zinc-700 dark:enabled:hover:bg-zinc-600"
title="Connect wallet"
type="button"
/>
Name "":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 p-1 border-transparent bg-transparent font-bold text-zinc-500 enabled:hover:bg-zinc-200 enabled:hover:text-zinc-700 dark:text-zinc-400 dark:enabled:hover:bg-zinc-100/10 dark:enabled:hover:text-zinc-300"
type="button"
/>
Name "Save":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 px-4 py-2 font-bold border-transparent bg-zinc-900 text-
|
|
Run pnpm test:
deployables/app/app/routes/edit-route.$data.spec.ts#L331
AssertionError: expected "spy" to be called with arguments: [ Anything, …(1) ]
Received:
Number of calls: 0
Ignored nodes: comments, script, style
<html
style="--wcm-color-fg-1: rgb(20,20,20); --wcm-color-fg-2: rgb(121,134,134); --wcm-color-fg-3: rgb(158,169,169); --wcm-color-bg-1: rgb(255,255,255); --wcm-color-bg-2: rgb(241,243,243); --wcm-color-bg-3: rgb(228,231,231); --wcm-color-overlay: rgba(0,0,0,0.1); --wcm-accent-color: #3396FF; --wcm-accent-fill-color: #FFFFFF; --wcm-z-index: 89; --wcm-background-color: #3396FF; --wcm-background-border-radius: 8px; --wcm-container-border-radius: 30px; --wcm-wallet-icon-border-radius: 15px; --wcm-wallet-icon-large-border-radius: 30px; --wcm-wallet-icon-small-border-radius: 7px; --wcm-input-border-radius: 28px; --wcm-button-border-radius: 10px; --wcm-notification-border-radius: 36px; --wcm-secondary-button-border-radius: 28px; --wcm-icon-button-border-radius: 50%; --wcm-button-hover-highlight-border-radius: 10px; --wcm-text-big-bold-size: 20px; --wcm-text-big-bold-weight: 600; --wcm-text-big-bold-line-height: 24px; --wcm-text-big-bold-letter-spacing: -0.03em; --wcm-text-big-bold-text-transform: none; --wcm-text-xsmall-bold-size: 10px; --wcm-text-xsmall-bold-weight: 700; --wcm-text-xsmall-bold-line-height: 12px; --wcm-text-xsmall-bold-letter-spacing: 0.02em; --wcm-text-xsmall-bold-text-transform: uppercase; --wcm-text-xsmall-regular-size: 12px; --wcm-text-xsmall-regular-weight: 600; --wcm-text-xsmall-regular-line-height: 14px; --wcm-text-xsmall-regular-letter-spacing: -0.03em; --wcm-text-xsmall-regular-text-transform: none; --wcm-text-small-thin-size: 14px; --wcm-text-small-thin-weight: 500; --wcm-text-small-thin-line-height: 16px; --wcm-text-small-thin-letter-spacing: -0.03em; --wcm-text-small-thin-text-transform: none; --wcm-text-small-regular-size: 14px; --wcm-text-small-regular-weight: 600; --wcm-text-small-regular-line-height: 16px; --wcm-text-small-regular-letter-spacing: -0.03em; --wcm-text-small-regular-text-transform: none; --wcm-text-medium-regular-size: 16px; --wcm-text-medium-regular-weight: 600; --wcm-text-medium-regular-line-height: 20px; --wcm-text-medium-regular-letter-spacing: -0.03em; --wcm-text-medium-regular-text-transform: none; --wcm-font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', sans-serif; --wcm-font-feature-settings: 'tnum' on, 'lnum' on, 'case' on; --wcm-success-color: rgb(38,181,98); --wcm-error-color: rgb(242, 90, 103); --wcm-overlay-background-color: rgba(0, 0, 0, 0.3); --wcm-overlay-backdrop-filter: none;"
>
<head />
<body>
<wcm-modal />
<div>
<div
data-testid="test-element-id"
/>
<div
class="grid grid-cols-2"
>
<main
class="mx-auto flex max-w-3xl flex-col gap-4"
>
<h1
class="my-8 text-3xl font-semibold"
>
Route configuration
</h1>
<form
action="/edit-route/eyJpZCI6IjljYzg1Y2Q0LTUyYTAtNGYzYy1iNDJlLTdlYmRiMWFhMzYxYSIsImxhYmVsIjoiIiwiYXZhdGFyIjoiZ25vOjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsIndheXBvaW50cyI6W3siYWNjb3VudCI6eyJ0eXBlIjoiRU9BIiwiYWRkcmVzcyI6IjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsInByZWZpeGVkQWRkcmVzcyI6ImdubzoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifX0seyJhY2NvdW50Ijp7InR5cGUiOiJTQUZFIiwiYWRkcmVzcyI6IjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsImNoYWluIjoxMDAsInByZWZpeGVkQWRkcmVzcyI6ImdubzoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAiLCJ0aHJlc2hvbGQiOm51bGx9LCJjb25uZWN0aW9uIjp7InR5cGUiOiJJU19FTkFCTEVEIiwiZnJvbSI6ImdubzoweDc4ODNBMDIyNDBjODdkNzIxNDJERDg1Q2NjOEFiMDQ3YzZiMGZBNmUifX1dfQ=="
class="flex flex-col gap-4"
data-discover="true"
method="post"
>
<div
class="flex flex-col gap-2"
>
<div
class="flex items-center gap-1"
>
<label
class="text-sm font-semibold dark:text-zinc-50"
|
|
Run pnpm test:
deployables/app/app/routes/edit-route.$data.spec.ts#L358
TestingLibraryElementError: Unable to find an element with the text: Roles v1. 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>
<wcm-modal />
<div>
<div
data-testid="test-element-id"
/>
<div
class="grid grid-cols-2"
>
<main
class="mx-auto flex max-w-3xl flex-col gap-4"
>
<h1
class="my-8 text-3xl font-semibold"
>
Route configuration
</h1>
<form
action="/edit-route/eyJpZCI6IjJkYmNlOWYwLTcxMjMtNDdkOS05MDJkLTkyMzRlMGFhNDgxYiIsImF2YXRhciI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAiLCJsYWJlbCI6IiIsIndheXBvaW50cyI6W3siYWNjb3VudCI6eyJ0eXBlIjoiRU9BIiwiYWRkcmVzcyI6IjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsInByZWZpeGVkQWRkcmVzcyI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifX0seyJhY2NvdW50Ijp7InR5cGUiOiJST0xFUyIsImFkZHJlc3MiOiIweGQyMjgyYTFhZmNkNTUyZjQ1NzI3ZjZkZjVkNTRhZmU1MWQ5MTE5ZGUiLCJwcmVmaXhlZEFkZHJlc3MiOiJldGg6MHhkMjI4MkExYUZDZDU1MkY0NTcyN0Y2ZGY1ZDU0QUZFNTFEOTExOURlIiwiY2hhaW4iOjEsIm11bHRpc2VuZCI6W10sInZlcnNpb24iOjF9LCJjb25uZWN0aW9uIjp7ImZyb20iOiJldGg6MHg3ODJjREMwM0FjOTNmNDMzMjgwZTFmRjFCZTUxZDExMENmMzZlNWE3IiwidHlwZSI6IklTX01FTUJFUiIsInJvbGVzIjpbXX19XSwicHJvdmlkZXJUeXBlIjoxfQ=="
class="flex flex-col gap-4"
data-discover="true"
method="post"
>
<div
class="flex flex-col gap-2"
>
<div
class="flex items-center gap-1"
>
<label
class="text-sm font-semibold dark:text-zinc-50"
for=":r94:"
>
Label
</label>
</div>
<div
class="flex items-center rounded-md border border-zinc-300 bg-zinc-100 shadow-sm transition-all dark:border-zinc-600 dark:bg-zinc-800 dark:text-white dark:hover:border-zinc-500"
>
<div
class="flex-1"
>
<input
aria-describedby=":r95:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":r94:"
name="label"
type="text"
value=""
/>
</div>
</div>
</div>
<div
class="flex flex-col gap-2"
>
<div
class="flex items-center gap-1"
>
<label
class="text-sm font-semibold dark:text-zinc-50"
for=":r96:"
>
Chain
</label>
</div>
<div
class="flex items-center rounded-md border border-zinc-300 bg-zinc-100 shadow-sm transition-all dark:border-zinc-600 dark:bg-zinc-800 dark:text-white dark:hover:border-zinc-500"
>
<div
class="flex-1"
>
<div
class="css-b62m3t-container"
>
<span
class="css-1f43avz-a11yText-A11yText"
id="react-select-55-live-region"
/>
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="flex items-center text-sm cursor-pointer css-cp01gg-control"
>
<div
class="px-4 css-14oxtc6"
>
<div
class="css-w54w9q-singleValue"
>
<div
class="flex items-center gap-4 py-2"
>
|
|
Run pnpm test:
deployables/app/app/routes/edit-route.$data.spec.ts#L380
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Roles v1"
Here are the accessible roles:
main:
Name "":
<main
class="mx-auto flex max-w-3xl flex-col gap-4"
/>
--------------------------------------------------
heading:
Name "Route configuration":
<h1
class="my-8 text-3xl font-semibold"
/>
--------------------------------------------------
textbox:
Name "Label":
<input
aria-describedby=":r9j:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":r9i:"
name="label"
type="text"
value=""
/>
Name "Piloted Safe":
<input
aria-describedby=":r9o:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":r9n:"
placeholder="Paste in Safe address"
type="text"
value=""
/>
--------------------------------------------------
log:
Name "":
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
Name "":
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
--------------------------------------------------
combobox:
Name "Chain":
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class=""
id=":r9k:"
role="combobox"
spellcheck="false"
style="color: inherit; background: ; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; padding: 0px; outline-color: initial; outline-style: initial; outline-width: 0px;"
tabindex="0"
type="text"
value=""
/>
Name "Zodiac Mod":
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-controls="react-select-58-listbox"
aria-describedby="react-select-58-placeholder"
aria-expanded="true"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class=""
id=":r9s:"
role="combobox"
spellcheck="false"
style="color: inherit; background: ; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; padding: 0px; outline-color: initial; outline-style: initial; outline-width: 0px;"
tabindex="0"
type="text"
value=""
/>
--------------------------------------------------
button:
Name "":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 p-1 border-transparent bg-transparent font-bold text-zinc-500 enabled:hover:bg-zinc-200 enabled:hover:text-zinc-700 dark:text-zinc-400 dark:enabled:hover:bg-zinc-100/10 dark:enabled:hover:text-zinc-300"
type="button"
/>
Name "Connect wallet":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 px-4 py-2 font-bold border-transparent bg-zinc-900 text-zinc-50 enabled:hover:bg-zinc-800 dark:border-zinc-500 dark:bg-zinc-700 dark:enabled:hover:bg-zinc-600"
title="Connect wallet"
type="button"
/>
Name "":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 p-1 border-transparent bg-transparent font-bold text-zinc-500 enabled:hover:bg-zinc-200 enabled:hover:text-zinc-700 dark:text-zinc-400 dark:enabled:hover:bg-zinc-100/10 dark:enabled:hover:text-zinc-300"
type="button"
/>
Name "Save":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 px-4 py-2 font-bold border-transparent bg-zinc-900 text-
|
|
Run pnpm test:
deployables/app/app/routes/edit-route.$data.spec.ts#L408
TestingLibraryElementError: Unable to find role="textbox" and name "Role ID"
Ignored nodes: comments, script, style
<body>
<wcm-modal />
<div>
<div
data-testid="test-element-id"
/>
<div
class="grid grid-cols-2"
>
<main
class="mx-auto flex max-w-3xl flex-col gap-4"
>
<h1
class="my-8 text-3xl font-semibold"
>
Route configuration
</h1>
<form
action="/edit-route/eyJpZCI6IjA3MmY0YmExLWZhOGItNDEyZS1hMWRjLTBlODRiM2MwZjU3YiIsImF2YXRhciI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAiLCJsYWJlbCI6IiIsIndheXBvaW50cyI6W3siYWNjb3VudCI6eyJ0eXBlIjoiRU9BIiwiYWRkcmVzcyI6IjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsInByZWZpeGVkQWRkcmVzcyI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifX0seyJhY2NvdW50Ijp7InR5cGUiOiJST0xFUyIsImFkZHJlc3MiOiIweGEwYTk2Yzc3Yjg5Yjg4MWZhYjViMDc3YzQ3NmVjODM3MGM4MmU5ZDMiLCJwcmVmaXhlZEFkZHJlc3MiOiJldGg6MHhhMGE5NkM3N2I4OUI4ODFmYWI1YjA3N2M0NzZFYzgzNzBDODJFOWQzIiwiY2hhaW4iOjEsIm11bHRpc2VuZCI6W10sInZlcnNpb24iOjF9LCJjb25uZWN0aW9uIjp7ImZyb20iOiJldGg6MHhCZkMyMDBlM0FEOTkwMjVCMkQ2RmM4NTVBZTg0NDQ3NTdkMUVkNDMxIiwidHlwZSI6IklTX01FTUJFUiIsInJvbGVzIjpbIjB4MTg2OTE2MDNmMDAwYWRkOTMxNjJlYWQ4NzFkOGViNWM4ZGQyYmJhZiJdfX1dfQ=="
class="flex flex-col gap-4"
data-discover="true"
method="post"
>
<div
class="flex flex-col gap-2"
>
<div
class="flex items-center gap-1"
>
<label
class="text-sm font-semibold dark:text-zinc-50"
for=":ra0:"
>
Label
</label>
</div>
<div
class="flex items-center rounded-md border border-zinc-300 bg-zinc-100 shadow-sm transition-all dark:border-zinc-600 dark:bg-zinc-800 dark:text-white dark:hover:border-zinc-500"
>
<div
class="flex-1"
>
<input
aria-describedby=":ra1:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":ra0:"
name="label"
type="text"
value=""
/>
</div>
</div>
</div>
<div
class="flex flex-col gap-2"
>
<div
class="flex items-center gap-1"
>
<label
class="text-sm font-semibold dark:text-zinc-50"
for=":ra2:"
>
Chain
</label>
</div>
<div
class="flex items-center rounded-md border border-zinc-300 bg-zinc-100 shadow-sm transition-all dark:border-zinc-600 dark:bg-zinc-800 dark:text-white dark:hover:border-zinc-500"
>
<div
class="flex-1"
>
<div
class="css-b62m3t-container"
>
<span
class="css-1f43avz-a11yText-A11yText"
id="react-select-59-live-region"
/>
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="flex items-center text-sm cursor-pointer css-cp01gg-control"
>
<div
class="px-4 css-14oxtc6"
>
<div
class="css-w54w9q-singleValue"
>
<div
class="flex items-center gap-4 py-2"
>
<div
class="pl-1"
>
Ethereum
|
|
Run pnpm test:
deployables/app/app/routes/edit-route.$data.spec.ts#L435
TestingLibraryElementError: Unable to find an accessible element with the role "textbox" and name "Role ID"
Here are the accessible roles:
main:
Name "":
<main
class="mx-auto flex max-w-3xl flex-col gap-4"
/>
--------------------------------------------------
heading:
Name "Route configuration":
<h1
class="my-8 text-3xl font-semibold"
/>
--------------------------------------------------
textbox:
Name "Label":
<input
aria-describedby=":raf:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":rae:"
name="label"
type="text"
value=""
/>
Name "Piloted Safe":
<input
aria-describedby=":rak:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":raj:"
placeholder="Paste in Safe address"
type="text"
value=""
/>
--------------------------------------------------
log:
Name "":
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
Name "":
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
--------------------------------------------------
combobox:
Name "Chain":
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class=""
id=":rag:"
role="combobox"
spellcheck="false"
style="color: inherit; background: ; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; padding: 0px; outline-color: initial; outline-style: initial; outline-width: 0px;"
tabindex="0"
type="text"
value=""
/>
Name "Zodiac Mod":
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-62-placeholder"
aria-expanded="false"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class=""
id=":rao:"
role="combobox"
spellcheck="false"
style="color: inherit; background: ; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; padding: 0px; outline-color: initial; outline-style: initial; outline-width: 0px;"
tabindex="0"
type="text"
value=""
/>
--------------------------------------------------
button:
Name "":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 p-1 border-transparent bg-transparent font-bold text-zinc-500 enabled:hover:bg-zinc-200 enabled:hover:text-zinc-700 dark:text-zinc-400 dark:enabled:hover:bg-zinc-100/10 dark:enabled:hover:text-zinc-300"
type="button"
/>
Name "Connect wallet":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 px-4 py-2 font-bold border-transparent bg-zinc-900 text-zinc-50 enabled:hover:bg-zinc-800 dark:border-zinc-500 dark:bg-zinc-700 dark:enabled:hover:bg-zinc-600"
title="Connect wallet"
type="button"
/>
Name "":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 p-1 border-transparent bg-transparent font-bold text-zinc-500 enabled:hover:bg-zinc-200 enabled:hover:text-zinc-700 dark:text-zinc-400 dark:enabled:hover:bg-zinc-100/10 dark:enabled:hover:text-zinc-300"
type="button"
/>
Name "Save":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 px-4 py-2 font-bold border-transparent bg-zinc-900 text-zinc-50 enabled:hover:bg-zinc-800 dark:bord
|
|
Run pnpm test:
deployables/app/app/routes/edit-route.$data.spec.ts#L471
TestingLibraryElementError: Unable to find an element with the text: Roles v2. 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>
<wcm-modal />
<div>
<div
data-testid="test-element-id"
/>
<div
class="grid grid-cols-2"
>
<main
class="mx-auto flex max-w-3xl flex-col gap-4"
>
<h1
class="my-8 text-3xl font-semibold"
>
Route configuration
</h1>
<form
action="/edit-route/eyJpZCI6ImU1ZmMxNjg2LTQ0ZDMtNDdlNi04ZjI5LWQ1MTUxMGEzNjMyNyIsImF2YXRhciI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAiLCJsYWJlbCI6IiIsIndheXBvaW50cyI6W3siYWNjb3VudCI6eyJ0eXBlIjoiRU9BIiwiYWRkcmVzcyI6IjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsInByZWZpeGVkQWRkcmVzcyI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifX0seyJhY2NvdW50Ijp7InR5cGUiOiJST0xFUyIsImFkZHJlc3MiOiIweDgyYThjYzNlMDI3MWE3NDNmZjE4ZDQzOTY4NzRmOWJiMzc3MmM2NTUiLCJwcmVmaXhlZEFkZHJlc3MiOiJldGg6MHg4MmE4Y0MzRTAyNzFhNzQzRmYxOEQ0Mzk2ODc0ZjlCQjM3NzJjNjU1IiwiY2hhaW4iOjEsIm11bHRpc2VuZCI6W10sInZlcnNpb24iOjJ9LCJjb25uZWN0aW9uIjp7ImZyb20iOiJldGg6MHg2RTQ3QWVFM0RiZEY0OGVEMWYzNjE5MzBkOTVDRUMxMjlENzRkODdjIiwidHlwZSI6IklTX01FTUJFUiIsInJvbGVzIjpbXX19XX0="
class="flex flex-col gap-4"
data-discover="true"
method="post"
>
<div
class="flex flex-col gap-2"
>
<div
class="flex items-center gap-1"
>
<label
class="text-sm font-semibold dark:text-zinc-50"
for=":ras:"
>
Label
</label>
</div>
<div
class="flex items-center rounded-md border border-zinc-300 bg-zinc-100 shadow-sm transition-all dark:border-zinc-600 dark:bg-zinc-800 dark:text-white dark:hover:border-zinc-500"
>
<div
class="flex-1"
>
<input
aria-describedby=":rat:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":ras:"
name="label"
type="text"
value=""
/>
</div>
</div>
</div>
<div
class="flex flex-col gap-2"
>
<div
class="flex items-center gap-1"
>
<label
class="text-sm font-semibold dark:text-zinc-50"
for=":rau:"
>
Chain
</label>
</div>
<div
class="flex items-center rounded-md border border-zinc-300 bg-zinc-100 shadow-sm transition-all dark:border-zinc-600 dark:bg-zinc-800 dark:text-white dark:hover:border-zinc-500"
>
<div
class="flex-1"
>
<div
class="css-b62m3t-container"
>
<span
class="css-1f43avz-a11yText-A11yText"
id="react-select-63-live-region"
/>
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="flex items-center text-sm cursor-pointer css-cp01gg-control"
>
<div
class="px-4 css-14oxtc6"
>
<div
class="css-w54w9q-singleValue"
>
<div
class="flex items-center gap-4 py-2"
>
<div
|
|
Run pnpm test:
deployables/app/app/routes/edit-route.$data.spec.ts#L493
TestingLibraryElementError: Unable to find an accessible element with the role "option" and name "Roles v2"
Here are the accessible roles:
main:
Name "":
<main
class="mx-auto flex max-w-3xl flex-col gap-4"
/>
--------------------------------------------------
heading:
Name "Route configuration":
<h1
class="my-8 text-3xl font-semibold"
/>
--------------------------------------------------
textbox:
Name "Label":
<input
aria-describedby=":rbb:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":rba:"
name="label"
type="text"
value=""
/>
Name "Piloted Safe":
<input
aria-describedby=":rbg:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":rbf:"
placeholder="Paste in Safe address"
type="text"
value=""
/>
--------------------------------------------------
log:
Name "":
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
Name "":
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
--------------------------------------------------
combobox:
Name "Chain":
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class=""
id=":rbc:"
role="combobox"
spellcheck="false"
style="color: inherit; background: ; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; padding: 0px; outline-color: initial; outline-style: initial; outline-width: 0px;"
tabindex="0"
type="text"
value=""
/>
Name "Zodiac Mod":
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-controls="react-select-66-listbox"
aria-describedby="react-select-66-placeholder"
aria-expanded="true"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class=""
id=":rbk:"
role="combobox"
spellcheck="false"
style="color: inherit; background: ; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; padding: 0px; outline-color: initial; outline-style: initial; outline-width: 0px;"
tabindex="0"
type="text"
value=""
/>
--------------------------------------------------
button:
Name "":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 p-1 border-transparent bg-transparent font-bold text-zinc-500 enabled:hover:bg-zinc-200 enabled:hover:text-zinc-700 dark:text-zinc-400 dark:enabled:hover:bg-zinc-100/10 dark:enabled:hover:text-zinc-300"
type="button"
/>
Name "Connect wallet":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 px-4 py-2 font-bold border-transparent bg-zinc-900 text-zinc-50 enabled:hover:bg-zinc-800 dark:border-zinc-500 dark:bg-zinc-700 dark:enabled:hover:bg-zinc-600"
title="Connect wallet"
type="button"
/>
Name "":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 p-1 border-transparent bg-transparent font-bold text-zinc-500 enabled:hover:bg-zinc-200 enabled:hover:text-zinc-700 dark:text-zinc-400 dark:enabled:hover:bg-zinc-100/10 dark:enabled:hover:text-zinc-300"
type="button"
/>
Name "Save":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 px-4 py-2 font-bold border-transparent bg-zinc-900 text-
|
|
Run pnpm test:
deployables/app/app/routes/edit-route.$data.spec.ts#L523
TestingLibraryElementError: Unable to find an accessible element with the role "textbox" and name "Role Key"
Here are the accessible roles:
main:
Name "":
<main
class="mx-auto flex max-w-3xl flex-col gap-4"
/>
--------------------------------------------------
heading:
Name "Route configuration":
<h1
class="my-8 text-3xl font-semibold"
/>
--------------------------------------------------
textbox:
Name "Label":
<input
aria-describedby=":rbp:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":rbo:"
name="label"
type="text"
value=""
/>
Name "Piloted Safe":
<input
aria-describedby=":rbu:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":rbt:"
placeholder="Paste in Safe address"
type="text"
value=""
/>
--------------------------------------------------
log:
Name "":
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
Name "":
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
--------------------------------------------------
combobox:
Name "Chain":
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class=""
id=":rbq:"
role="combobox"
spellcheck="false"
style="color: inherit; background: ; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; padding: 0px; outline-color: initial; outline-style: initial; outline-width: 0px;"
tabindex="0"
type="text"
value=""
/>
Name "Zodiac Mod":
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-68-placeholder"
aria-expanded="false"
aria-haspopup="true"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
class=""
id=":rc2:"
role="combobox"
spellcheck="false"
style="color: inherit; background: ; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0px; margin: 0px; padding: 0px; outline-color: initial; outline-style: initial; outline-width: 0px;"
tabindex="0"
type="text"
value=""
/>
--------------------------------------------------
button:
Name "":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 p-1 border-transparent bg-transparent font-bold text-zinc-500 enabled:hover:bg-zinc-200 enabled:hover:text-zinc-700 dark:text-zinc-400 dark:enabled:hover:bg-zinc-100/10 dark:enabled:hover:text-zinc-300"
type="button"
/>
Name "Connect wallet":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 px-4 py-2 font-bold border-transparent bg-zinc-900 text-zinc-50 enabled:hover:bg-zinc-800 dark:border-zinc-500 dark:bg-zinc-700 dark:enabled:hover:bg-zinc-600"
title="Connect wallet"
type="button"
/>
Name "":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 p-1 border-transparent bg-transparent font-bold text-zinc-500 enabled:hover:bg-zinc-200 enabled:hover:text-zinc-700 dark:text-zinc-400 dark:enabled:hover:bg-zinc-100/10 dark:enabled:hover:text-zinc-300"
type="button"
/>
Name "Save":
<button
class="flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md border text-sm transition-all disabled:cursor-not-allowed disabled:opacity-60 px-4 py-2 font-bold border-transparent bg-zinc-900 text-zinc-50 enabled:hover:bg-zinc-800 dark:bor
|
|
Run pnpm test:
deployables/app/app/routes/edit-route.$data.spec.ts#L549
TestingLibraryElementError: Unable to find role="textbox" and name "Role Key"
Ignored nodes: comments, script, style
<body>
<wcm-modal />
<div>
<div
data-testid="test-element-id"
/>
<div
class="grid grid-cols-2"
>
<main
class="mx-auto flex max-w-3xl flex-col gap-4"
>
<h1
class="my-8 text-3xl font-semibold"
>
Route configuration
</h1>
<form
action="/edit-route/eyJpZCI6ImZlM2RlNjA4LTljZTgtNDg4YS05MWYxLWI3MWM2MDg2MTU5MyIsImF2YXRhciI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAiLCJsYWJlbCI6IiIsIndheXBvaW50cyI6W3siYWNjb3VudCI6eyJ0eXBlIjoiRU9BIiwiYWRkcmVzcyI6IjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsInByZWZpeGVkQWRkcmVzcyI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifX0seyJhY2NvdW50Ijp7InR5cGUiOiJST0xFUyIsImFkZHJlc3MiOiIweDRlYzQ0ZTdkNDRhZmYxMmZlODIyOWM3NGZlNzE0ZDlkMjdhODJiZGMiLCJwcmVmaXhlZEFkZHJlc3MiOiJldGg6MHg0RUM0NEU3RDQ0QWZmMTJmRTgyMjljNzRGRTcxNEQ5ZDI3QTgyYkRjIiwiY2hhaW4iOjEsIm11bHRpc2VuZCI6W10sInZlcnNpb24iOjJ9LCJjb25uZWN0aW9uIjp7ImZyb20iOiJldGg6MHg4M2I4OTE5MUE2N0IzYWE4QzVmMzRlOEI1Y2Q4YTU3QTk5NzY3NUE4IiwidHlwZSI6IklTX01FTUJFUiIsInJvbGVzIjpbXX19XX0="
class="flex flex-col gap-4"
data-discover="true"
method="post"
>
<div
class="flex flex-col gap-2"
>
<div
class="flex items-center gap-1"
>
<label
class="text-sm font-semibold dark:text-zinc-50"
for=":rc6:"
>
Label
</label>
</div>
<div
class="flex items-center rounded-md border border-zinc-300 bg-zinc-100 shadow-sm transition-all dark:border-zinc-600 dark:bg-zinc-800 dark:text-white dark:hover:border-zinc-500"
>
<div
class="flex-1"
>
<input
aria-describedby=":rc7:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":rc6:"
name="label"
type="text"
value=""
/>
</div>
</div>
</div>
<div
class="flex flex-col gap-2"
>
<div
class="flex items-center gap-1"
>
<label
class="text-sm font-semibold dark:text-zinc-50"
for=":rc8:"
>
Chain
</label>
</div>
<div
class="flex items-center rounded-md border border-zinc-300 bg-zinc-100 shadow-sm transition-all dark:border-zinc-600 dark:bg-zinc-800 dark:text-white dark:hover:border-zinc-500"
>
<div
class="flex-1"
>
<div
class="css-b62m3t-container"
>
<span
class="css-1f43avz-a11yText-A11yText"
id="react-select-69-live-region"
/>
<span
aria-atomic="false"
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="flex items-center text-sm cursor-pointer css-cp01gg-control"
>
<div
class="px-4 css-14oxtc6"
>
<div
class="css-w54w9q-singleValue"
>
<div
class="flex items-center gap-4 py-2"
>
<div
class="pl-1"
>
Ethereum
</div>
</div>
|
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Loading