[fix] Begrens limit og escape spesialtegn i søk #14
Triggered via pull request
November 5, 2026 12:49
mariehd
Status
Failure
Total duration
34s
Artifacts
–
Annotations
2 errors
|
src/App.test.tsx > App > searches with the last typed value after the 300 ms debounce:
src/App.test.tsx#L175
TestingLibraryElementError: Found multiple elements with the role "status"
Here are the matching elements:
Ignored nodes: comments, script, style
<p
role="status"
>
Searching cities…
</p>
Ignored nodes: comments, script, style
<p
aria-live="polite"
role="status"
>
Showing
1
of
1
</p>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="app-shell"
>
<header
class="site-header"
>
<button
aria-label="Home"
class="home-button"
type="button"
>
<svg
aria-hidden="true"
fill="none"
viewBox="0 0 24 24"
>
<path
d="m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-6v-7h-4v7H4a1 1 0 0 1-1-1V10Z"
/>
</svg>
</button>
<nav
aria-label="Main navigation"
class="site-nav"
>
<button
class="site-nav__button"
type="button"
>
Been
</button>
<button
class="site-nav__button"
type="button"
>
Want to visit
</button>
<button
class="site-nav__button"
type="button"
>
Unexplored
</button>
<button
class="site-nav__button"
type="button"
>
Quiz results
</button>
</nav>
</header>
<main>
<section
aria-labelledby="app-heading"
class="hero"
>
<div
class="hero__intro"
>
<h1
id="app-heading"
>
CountryQuest
</h1>
<p
class="hero__description"
>
research countries, and test what you know.
</p>
<div
aria-label="Choose a mode"
class="mode-switch"
role="group"
>
<button
aria-pressed="true"
class="mode-switch__button is-selected"
type="button"
>
Search mode
</button>
<button
aria-pressed="false"
class="mode-switch__button"
type="button"
>
Quiz mode
</button>
</div>
<form
class="search-bar"
role="search"
>
<label
class="visually-hidden"
for="country-search"
>
Search for a country or city
</label>
<input
id="country-search"
placeholder="Search for a country or city"
type="search"
value="norway"
/>
<button
aria-label="Search"
type="submit"
>
<svg
aria-hidden="true"
fill="none"
viewBox="0 0 24 24"
>
<circle
cx="10.8"
cy="10.8"
r="6.8"
/>
<path
d="m16 16 5 5"
/>
</svg>
</button>
</form>
</div>
<div
class="content-panel"
>
<div
aria-label="Filter search results"
class="result-filter"
role="group"
>
<button
aria-pressed="true"
class="result-filter__button is-active"
type="button"
>
All
</button>
<button
aria-pressed="false"
class=
|
|
test
Process completed with exit code 1.
|