fix typo in biome CI command #27
rpalermodrums
This run and associated checks have been archived and are scheduled for deletion.
Learn more about checks retention
Annotations
3 errors and 2 warnings
|
src/__tests__/components.test.tsx > Components > DJDeck > renders two SoundWave components:
src/__tests__/components.test.tsx#L55
TestingLibraryElementError: Unable to find an accessible element with the role "img" and name `/Interactive sound wave visualization/i`
Here are the accessible roles:
slider:
Name "":
<input
class="w-full accent-surreal-coral"
max="200"
min="60"
type="range"
value="120"
/>
Name "":
<input
class="w-full accent-surreal-coral"
max="200"
min="60"
type="range"
value="120"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex flex-col md:flex-row w-full h-full bg-gradient-to-br from-dreamscape-blue to-persistence-purple dark:from-dreamscape-blue dark:to-persistence-purple p-6 rounded-lg shadow-2xl"
>
<div
class="w-full md:w-1/2 h-1/2 md:h-full p-4"
>
<div
class="bg-canvas-cream dark:bg-dreamscape-blue bg-opacity-90 dark:bg-opacity-50 rounded-lg p-4 shadow-lg backdrop-filter backdrop-blur-lg"
>
<div
class="relative"
>
<canvas
aria-label="Interactive sound wave visualization"
class="w-full overflow-hidden rounded-lg cursor-pointer"
height="200"
tabindex="0"
width="400"
/>
<div
class="flex items-center justify-center mt-4 space-x-4"
>
<input
accept="audio/*"
class="hidden"
id="fileUpload-400-200"
type="file"
/>
<label
class="cursor-pointer bg-gradient-to-t from-#0000FF to-#0000FF bg-opacity-80 text-canvas-white px-4 py-2 rounded-full hover:bg-opacity-80 transition-colors duration-200 transform hover:scale-105"
for="fileUpload-400-200"
>
Upload Audio
</label>
</div>
</div>
<div
class="mt-4 flex items-center"
>
<input
class="w-full accent-surreal-coral"
max="200"
min="60"
type="range"
value="120"
/>
<span
class="ml-2 text-dreamscape-blue dark:text-canvas-cream font-bold"
>
BPM:
120
</span>
</div>
</div>
</div>
<div
class="w-full md:w-1/2 h-1/2 md:h-full p-4"
>
<div
class="bg-canvas-cream dark:bg-dreamscape-blue bg-opacity-90 dark:bg-opacity-50 rounded-lg p-4 shadow-lg backdrop-filter backdrop-blur-lg"
>
<div
class="relative"
>
<canvas
aria-label="Interactive sound wave visualization"
class="w-full overflow-hidden rounded-lg cursor-pointer"
height="200"
tabindex="0"
width="400"
/>
<div
class="flex items-center justify-center mt-4 space-x-4"
>
<input
accept="audio/*"
class="hidden"
id="fileUpload-400-200"
type="file"
/>
<label
class="cursor-pointer bg-gradient-to-t from-#0000FF to-#0000FF bg-opacity-80 text-canvas-white px-4 py-2 rounded-full hover:bg-opacity-80 transition-colors duration-200 transform hover:scale-105"
for="fileUpload-400-200"
>
Upload Audio
</label>
</div>
</div>
<div
class="mt-4 flex items-center"
>
<input
class="w-full accent-surreal-coral"
max="200"
min="60"
type="range"
value="120"
/>
<span
class="ml-2 text-dreamscape-blue dark:text-canvas-cream font-bold"
>
BPM:
120
</span>
</div>
</div>
</div>
</div>
|
|
src/__tests__/components.test.tsx > Components > SoundWave > renders canvas and upload button:
src/__tests__/components.test.tsx#L110
TestingLibraryElementError: Unable to find an accessible element with the role "img" and name `/Interactive sound wave visualization/i`
There are no accessible roles. But there might be some inaccessible roles. If you wish to access them, then set the `hidden` option to `true`. Learn more about this here: https://testing-library.com/docs/dom-testing-library/api-queries#byrole
Ignored nodes: comments, script, style
<body>
<div>
<div
class="relative"
>
<canvas
aria-label="Interactive sound wave visualization"
class="w-full overflow-hidden rounded-lg cursor-pointer"
height="200"
tabindex="0"
width="400"
/>
<div
class="flex items-center justify-center mt-4 space-x-4"
>
<input
accept="audio/*"
class="hidden"
id="fileUpload-400-200"
type="file"
/>
<label
class="cursor-pointer bg-gradient-to-t from-#0000FF to-#0000FF bg-opacity-80 text-canvas-white px-4 py-2 rounded-full hover:bg-opacity-80 transition-colors duration-200 transform hover:scale-105"
for="fileUpload-400-200"
>
Upload Audio
</label>
</div>
</div>
</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/__tests__/components.test.tsx:110:12
|
|
test
Process completed with exit code 1.
|
|
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/
|
|
test
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/
|