css bugs fixed #11
Triggered via pull request
September 17, 2026 21:08
kristnu
Status
Failure
Total duration
35s
Artifacts
–
Annotations
2 errors
|
tests/components/listItem.test.tsx > ListItem > renders city weather, forecast temperatures, and a rain icon:
tests/components/listItem.test.tsx#L26
TestingLibraryElementError: Unable to find an element with the text: 8°. 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>
<li
class="list-item"
>
<span
style="display: flex; flex-direction: row; gap: 10px; align-items: center;"
>
<button>
<span
style="color: rgb(0, 0, 0);"
>
☆
</span>
</button>
Oslo
:
<span>
🌧️
</span>
<p
style="color: rgb(255, 50, 50);"
>
11°
</p>
</span>
<div
style="display: flex; flex-direction: row; gap: 10px; align-self: end;"
>
<span
style="color: rgb(255, 50, 50); margin-right: 8px;"
>
⛅
8°
</span>
<span
style="color: rgb(255, 50, 50); margin-right: 8px;"
>
⛅
7°
</span>
</div>
</li>
</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
❯ tests/components/listItem.test.tsx:26:19
|
|
lint-and-format
Process completed with exit code 1.
|