Change button color from blue to yellow #3
ci.yml
on: push
test-and-build
14s
helm-publish
5s
Annotations
2 errors and 2 warnings
|
test-and-build
Process completed with exit code 1.
|
|
src/App.test.jsx > renders the heading:
src/App.test.jsx#L8
TestingLibraryElementError: Unable to find an accessible element with the role "heading" and name `/hitachi challenge/i`
Here are the accessible roles:
main:
Name "":
<main
class="min-h-screen bg-slate-50 text-slate-900"
/>
--------------------------------------------------
heading:
Name "Hello CI/CD!":
<h1
class="text-4xl font-semibold tracking-tight sm:text-5xl"
/>
--------------------------------------------------
paragraph:
Name "":
<p
class="max-w-xl text-base text-slate-600 sm:text-lg"
/>
--------------------------------------------------
button:
Name "Demo Button":
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-white h-10 px-4 py-2 bg-blue-600 text-white transition active:scale-95 active:shadow-inner hover:bg-blue-700"
/>
--------------------------------------------------
status:
Name "":
<div
aria-live="polite"
class="pointer-events-none fixed bottom-6 right-6 transform rounded-lg border border-slate-200 bg-white px-4 py-3 text-sm text-slate-700 shadow-lg transition-all duration-200 translate-y-3 opacity-0"
role="status"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<main
class="min-h-screen bg-slate-50 text-slate-900"
>
<div
class="mx-auto flex min-h-screen max-w-4xl flex-col items-center justify-center gap-6 px-6 text-center"
>
<h1
class="text-4xl font-semibold tracking-tight sm:text-5xl"
>
Hello CI/CD!
</h1>
<p
class="max-w-xl text-base text-slate-600 sm:text-lg"
>
Simple demo page for CI/CD testing. Change the button color to validate pipeline updates.
</p>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-white h-10 px-4 py-2 bg-blue-600 text-white transition active:scale-95 active:shadow-inner hover:bg-blue-700"
>
Demo Button
</button>
</div>
<div
aria-live="polite"
class="pointer-events-none fixed bottom-6 right-6 transform rounded-lg border border-slate-200 bg-white px-4 py-3 text-sm text-slate-700 shadow-lg transition-all duration-200 translate-y-3 opacity-0"
role="status"
>
Button pressed. Pipeline test event fired.
</div>
</main>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/App.test.jsx:8:12
|
|
helm-publish
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v4. Actions will be forced to run with Node.js 24 by default starting June 2nd, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|
|
test-and-build
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/checkout@v4, actions/setup-node@v4. Actions will be forced to run with Node.js 24 by default starting June 2nd, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|