fix(deps): update vitest monorepo to v3 (major) #908
renovate[bot]tests.yaml
on: pull_request
extension
1m 9s
ui-package
30s
test-utils
31s
pilot-app
39s
modules-package
32s
Annotations
10 errors and 5 warnings
|
app/routes/edit-route.$data.spec.ts > Edit route > Role > is possible to update the roles mod:
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-
|
|
app/routes/edit-route.$data.spec.ts > Edit route > Role > reloads the modules when the chain changes:
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>
<head />
<body>
<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/eyJpZCI6IjBkNWM1NzRkLTUwODgtNDAzNy04M2I4LWVmNmM2ZDU1NDBhMSIsImxhYmVsIjoiIiwiYXZhdGFyIjoiZ25vOjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsIndheXBvaW50cyI6W3siYWNjb3VudCI6eyJ0eXBlIjoiRU9BIiwiYWRkcmVzcyI6IjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsInByZWZpeGVkQWRkcmVzcyI6ImdubzoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifX0seyJhY2NvdW50Ijp7InR5cGUiOiJTQUZFIiwiYWRkcmVzcyI6IjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsImNoYWluIjoxMDAsInByZWZpeGVkQWRkcmVzcyI6ImdubzoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAiLCJ0aHJlc2hvbGQiOm51bGx9LCJjb25uZWN0aW9uIjp7InR5cGUiOiJJU19FTkFCTEVEIiwiZnJvbSI6ImdubzoweDYyRDNDNTc4NkQ3NzkxMTlmNDU3MjY5YzEyMDA5QmJkMWJFNjYyZDAifX1dfQ=="
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=":r8m:"
>
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=":r8n:"
class="w-full border-none bg-transparent px-4 py-2 text-sm outline-none"
id=":r8m:"
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=":r8o:"
>
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-53-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"
|
|
app/routes/edit-route.$data.spec.ts > Edit route > Role > V1 > shows the when the v1 role mod is selected:
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>
<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/eyJpZCI6IjY1YThhNzExLTY2ZjYtNDMyOC1hN2Q1LWE3ZTIzZjI1N2I0NiIsImF2YXRhciI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAiLCJsYWJlbCI6IiIsIndheXBvaW50cyI6W3siYWNjb3VudCI6eyJ0eXBlIjoiRU9BIiwiYWRkcmVzcyI6IjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsInByZWZpeGVkQWRkcmVzcyI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifX0seyJhY2NvdW50Ijp7InR5cGUiOiJST0xFUyIsImFkZHJlc3MiOiIweGY1MDliODZkZGM1MDRmZWZjOWE1Njg3NWRhMDJkMmI1MTIwZWEzOWMiLCJwcmVmaXhlZEFkZHJlc3MiOiJldGg6MHhGNTA5Yjg2RERjNTA0RkVmQzlhNTY4NzVEQTAyZDJCNTEyMEVhMzljIiwiY2hhaW4iOjEsIm11bHRpc2VuZCI6W10sInZlcnNpb24iOjF9LCJjb25uZWN0aW9uIjp7ImZyb20iOiJldGg6MHhkRjY2Y2I5ZENEQTFiNDA2OTBDOEM2Mjk2NDJDQ0JFOEYzQmIzQTA3IiwidHlwZSI6IklTX01FTUJFUiIsInJvbGVzIjpbXX19XSwicHJvdmlkZXJUeXBlIjoxfQ=="
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"
>
<
|
|
app/routes/edit-route.$data.spec.ts > Edit route > Role > V1 > is possible to select the v1 roles mod:
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-
|
|
app/routes/edit-route.$data.spec.ts > Edit route > Role > V1 > Config > shows the v1 role config when the v1 route mod is used:
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>
<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/eyJpZCI6Ijk0MWY2Njc4LTQ0NzItNGU4ZS04M2ZmLTk3MWUxMmI5OGQzZiIsImF2YXRhciI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAiLCJsYWJlbCI6IiIsIndheXBvaW50cyI6W3siYWNjb3VudCI6eyJ0eXBlIjoiRU9BIiwiYWRkcmVzcyI6IjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsInByZWZpeGVkQWRkcmVzcyI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifX0seyJhY2NvdW50Ijp7InR5cGUiOiJST0xFUyIsImFkZHJlc3MiOiIweGRjOGYwZjU1YTg1NzViNzY0NjQzMTVkMjc4MDBiNGQ5YjVlNjVlZGIiLCJwcmVmaXhlZEFkZHJlc3MiOiJldGg6MHhEYzhmMGY1NUE4NTc1Qjc2NDY0MzE1ZDI3ODAwQjREOUI1RTY1RURiIiwiY2hhaW4iOjEsIm11bHRpc2VuZCI6W10sInZlcnNpb24iOjF9LCJjb25uZWN0aW9uIjp7ImZyb20iOiJldGg6MHg2YWM5NDcyY0YyZWUxRTIzRDNGNjZlQzg2QjY3OGM3NWEzODY5ZjE3IiwidHlwZSI6IklTX01FTUJFUiIsInJvbGVzIjpbIjB4MzNjZTE2NmE1N2ViZTdjNGIzMzMwNTI1ODQwMWQ2YWM2M2Q3YmRlMSJdfX1dfQ=="
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
|
|
app/routes/edit-route.$data.spec.ts > Edit route > Role > V1 > Config > is possible to update the role ID:
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
|
|
app/routes/edit-route.$data.spec.ts > Edit route > Role > V2 > shows when the v2 role mod is selected:
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>
<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/eyJpZCI6ImE1ZGRiOTMzLTYxMDMtNDIyZi1hMDUxLWY5NzFlZDY5ZTU5MSIsImF2YXRhciI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAiLCJsYWJlbCI6IiIsIndheXBvaW50cyI6W3siYWNjb3VudCI6eyJ0eXBlIjoiRU9BIiwiYWRkcmVzcyI6IjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsInByZWZpeGVkQWRkcmVzcyI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifX0seyJhY2NvdW50Ijp7InR5cGUiOiJST0xFUyIsImFkZHJlc3MiOiIweGU0MzUyOGRiN2NmYjBjNmIzZGQwNjJmODY5ODdlMzNhNTQxMjliMmUiLCJwcmVmaXhlZEFkZHJlc3MiOiJldGg6MHhFNDM1MjhEQjdjRkIwQzZiM2REMDYyRjg2OTg3RTMzYTU0MTI5QjJlIiwiY2hhaW4iOjEsIm11bHRpc2VuZCI6W10sInZlcnNpb24iOjJ9LCJjb25uZWN0aW9uIjp7ImZyb20iOiJldGg6MHgyMjQxQjgxZjhlNDkyQjY0ZjRhNzhkMkMyOGZFZWJiRWQzMjJmNTk3IiwidHlwZSI6IklTX01FTUJFUiIsInJvbGVzIjpbXX19XX0="
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
|
|
app/routes/edit-route.$data.spec.ts > Edit route > Role > V2 > is possible to select the v2 roles mod:
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-
|
|
app/routes/edit-route.$data.spec.ts > Edit route > Role > V2 > Config > shows the v2 role config when the v2 route mod is used:
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
|
|
app/routes/edit-route.$data.spec.ts > Edit route > Role > V2 > Config > is possible to update the role key:
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>
<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/eyJpZCI6IjJmNTY1OTQ0LWY0MWUtNGRkMy1hNWNkLTY3YmMwMTU1NDNkMCIsImF2YXRhciI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAiLCJsYWJlbCI6IiIsIndheXBvaW50cyI6W3siYWNjb3VudCI6eyJ0eXBlIjoiRU9BIiwiYWRkcmVzcyI6IjB4MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMCIsInByZWZpeGVkQWRkcmVzcyI6ImV0aDoweDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAifX0seyJhY2NvdW50Ijp7InR5cGUiOiJST0xFUyIsImFkZHJlc3MiOiIweDEzNDA2YjZhMTMwNzVjYmUyMmMzNzFhNmE3ZDA3YTk0MmI1NDYxYTkiLCJwcmVmaXhlZEFkZHJlc3MiOiJldGg6MHgxMzQwNkI2QTEzMDc1Q2JFMjJjMzcxYTZhN2QwN2E5NDJiNTQ2MUE5IiwiY2hhaW4iOjEsIm11bHRpc2VuZCI6W10sInZlcnNpb24iOjJ9LCJjb25uZWN0aW9uIjp7ImZyb20iOiJldGg6MHhFNWJCOTkyQzcxQTk2N0VFQTkzZGJmMWU1Nzg2OTEyNDc2MDA3N2MyIiwidHlwZSI6IklTX01FTUJFUiIsInJvbGVzIjpbXX19XX0="
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>
|
|
ui-package
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
test-utils
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
modules-package
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
pilot-app
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
|
extension
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|