Upgrade react-live #1706
Triggered via pull request
September 10, 2024 06:45
joshwooding
Status
Failure
Total duration
4m 59s
Artifacts
–
Annotations
4 errors and 7 warnings
|
packages/components/src/__tests__/ReactLive.test.tsx > GIVEN a ReactLive view > THEN it should render code in a live view:
packages/components/src/__tests__/ReactLive.test.tsx#L21
TestingLibraryElementError: Unable to find an accessible element with the role "textbox"
Here are the accessible roles:
heading:
Name "Hello World":
<h1 />
--------------------------------------------------
checkbox:
Name "Show Live Code":
<label
class="saltSwitch saltSwitch-checked"
role="checkbox"
/>
--------------------------------------------------
switch:
Name "Show Live Code":
<input
aria-describedby=""
aria-labelledby=""
class="saltSwitch-input"
role="switch"
type="checkbox"
value=""
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="root"
>
<div
class="root"
>
<div
class="innerContainer"
>
<div
class="component"
>
<div>
<h1>
Hello World
</h1>
</div>
</div>
</div>
</div>
<div
class="showLiveCodeContainer"
>
<div
class="showLiveCode"
>
<label
class="saltSwitch saltSwitch-checked"
role="checkbox"
>
<input
aria-describedby=""
aria-labelledby=""
class="saltSwitch-input"
role="switch"
type="checkbox"
value=""
/>
<span
class="saltSwitch-track"
>
<span
class="saltSwitch-thumb"
>
<svg
aria-hidden="true"
aria-label="success solid"
class="saltIcon saltSwitch-icon"
data-testid="SuccessSolidIcon"
role="img"
style="--saltIcon-size-multiplier: 1;"
viewBox="0 0 12 12"
>
<g
aria-hidden="true"
>
<path
clip-rule="evenodd"
d="M12 0H0v12h12V0ZM9.858 1.846 3.672 8.033l-1.93-1.93-1.06 1.06 2.99 2.991 7.247-7.247-1.06-1.061Z"
fill-rule="evenodd"
/>
</g>
</svg>
</span>
</span>
<span
class="saltSwitch-label"
>
Show Live Code
</span>
</label>
</div>
</div>
<div
class="liveEditor"
>
<pre
class="prism-code language-tsx"
spellcheck="false"
style="margin: 0px; outline: none; padding: 10px; font-family: inherit; color: rgb(214, 222, 235); background-color: rgb(1, 22, 39); white-space: pre-wrap; tab-size: 2;"
>
<span
class="token-line"
style="color: rgb(214, 222, 235);"
>
<span
class="token tag punctuation"
style="color: rgb(199, 146, 234);"
>
<
</span>
<span
class="token tag"
style="color: rgb(127, 219, 202);"
>
h1
</span>
<span
class="token tag punctuation"
style="color: rgb(199, 146, 234);"
>
>
</span>
<span
class="token plain-text"
>
Hello World
</span>
<span
class="token tag punctuation"
style="color: rgb(199, 146, 234);"
>
</
</span>
<span
class="token tag"
style="color: rgb(127, 219, 202);"
>
h1
</span>
<span
class="token tag punctuation"
style="color: rgb(199, 146, 234);"
>
>
</span>
</span>
</pre>
</div>
|
|
ubuntu-latest (18)
Process completed with exit code 1.
|
|
packages/components/src/__tests__/ReactLive.test.tsx > GIVEN a ReactLive view > THEN it should render code in a live view:
packages/components/src/__tests__/ReactLive.test.tsx#L21
TestingLibraryElementError: Unable to find an accessible element with the role "textbox"
Here are the accessible roles:
heading:
Name "Hello World":
<h1 />
--------------------------------------------------
checkbox:
Name "Show Live Code":
<label
class="saltSwitch saltSwitch-checked"
role="checkbox"
/>
--------------------------------------------------
switch:
Name "Show Live Code":
<input
aria-describedby=""
aria-labelledby=""
class="saltSwitch-input"
role="switch"
type="checkbox"
value=""
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="root"
>
<div
class="root"
>
<div
class="innerContainer"
>
<div
class="component"
>
<div>
<h1>
Hello World
</h1>
</div>
</div>
</div>
</div>
<div
class="showLiveCodeContainer"
>
<div
class="showLiveCode"
>
<label
class="saltSwitch saltSwitch-checked"
role="checkbox"
>
<input
aria-describedby=""
aria-labelledby=""
class="saltSwitch-input"
role="switch"
type="checkbox"
value=""
/>
<span
class="saltSwitch-track"
>
<span
class="saltSwitch-thumb"
>
<svg
aria-hidden="true"
aria-label="success solid"
class="saltIcon saltSwitch-icon"
data-testid="SuccessSolidIcon"
role="img"
style="--saltIcon-size-multiplier: 1;"
viewBox="0 0 12 12"
>
<g
aria-hidden="true"
>
<path
clip-rule="evenodd"
d="M12 0H0v12h12V0ZM9.858 1.846 3.672 8.033l-1.93-1.93-1.06 1.06 2.99 2.991 7.247-7.247-1.06-1.061Z"
fill-rule="evenodd"
/>
</g>
</svg>
</span>
</span>
<span
class="saltSwitch-label"
>
Show Live Code
</span>
</label>
</div>
</div>
<div
class="liveEditor"
>
<pre
class="prism-code language-tsx"
spellcheck="false"
style="margin: 0px; outline: none; padding: 10px; font-family: inherit; color: rgb(214, 222, 235); background-color: rgb(1, 22, 39); white-space: pre-wrap; tab-size: 2;"
>
<span
class="token-line"
style="color: rgb(214, 222, 235);"
>
<span
class="token tag punctuation"
style="color: rgb(199, 146, 234);"
>
<
</span>
<span
class="token tag"
style="color: rgb(127, 219, 202);"
>
h1
</span>
<span
class="token tag punctuation"
style="color: rgb(199, 146, 234);"
>
>
</span>
<span
class="token plain-text"
>
Hello World
</span>
<span
class="token tag punctuation"
style="color: rgb(199, 146, 234);"
>
</
</span>
<span
class="token tag"
style="color: rgb(127, 219, 202);"
>
h1
</span>
<span
class="token tag punctuation"
style="color: rgb(199, 146, 234);"
>
>
</span>
</span>
</pre>
</div>
|
|
ubuntu-latest (20)
Process completed with exit code 1.
|
|
ubuntu-latest (18)
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3.3.0. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|
|
ubuntu-latest (18)
The `save-state` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
|
|
ubuntu-latest (18)
The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
|
|
ubuntu-latest (20)
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3.3.0. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|
|
ubuntu-latest (20)
The `save-state` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
|
|
ubuntu-latest (20)
The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
|
|
lint
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|