feat: add SearchBar to Leaderboard #175
Annotations
3 errors
|
Run bun run coverage:
src/components/Leaderboard/Leaderboard.test.tsx#L140
TestingLibraryElementError: Unable to find an accessible element with the role "searchbox" and name "Search Bar"
Here are the accessible roles:
main:
Name "":
<main
class="_leaderboard_acb05c"
/>
--------------------------------------------------
banner:
Name "":
<header />
Name "":
<header />
--------------------------------------------------
link:
Name "Go to the homepage":
<a
aria-label="Go to the homepage"
class="_logoLink_63c2ea"
href="http://www.dalestudy.com"
/>
Name "풀이 보기":
<a
href="/progress?member=function(...s) {
let r = T(t);
r.called = !0, r.callCount++, r.calls.push(s);
let S = r.next.shift();
if (S) {
r.results.push(S);
let [o, g] = S;
if (o === \"ok\")
return g;
throw g;
}
let p, c = \"ok\", a = r.results.length;
if (r.impl)
try {
new.target ? p = Reflect.construct(r.impl, s, new.target) : p = r.impl.apply(this, s), c = \"ok\";
} catch (o) {
throw p = o, c = \"error\", r.results.push([c, o]), o;
}
let R = [c, p];
return w(p) && p.then(
(o) => r.resolves[a] = [\"ok\", o],
(o) => r.resolves[a] = [\"error\", o]
), r.results.push(R), p;
}"
/>
Name "수료증 보기":
<a
href="/certificate?member=function(...s) {
let r = T(t);
r.called = !0, r.callCount++, r.calls.push(s);
let S = r.next.shift();
if (S) {
r.results.push(S);
let [o, g] = S;
if (o === \"ok\")
return g;
throw g;
}
let p, c = \"ok\", a = r.results.length;
if (r.impl)
try {
new.target ? p = Reflect.construct(r.impl, s, new.target) : p = r.impl.apply(this, s), c = \"ok\";
} catch (o) {
throw p = o, c = \"error\", r.results.push([c, o]), o;
}
let R = [c, p];
return w(p) && p.then(
(o) => r.resolves[a] = [\"ok\", o],
(o) => r.resolves[a] = [\"error\", o]
), r.results.push(R), p;
}"
/>
Name "FAQ":
<a
aria-label="FAQ"
href="https://github.com/DaleStudy/leetcode-study/discussions"
target="_blank"
/>
Name "Apply":
<a
aria-label="Apply"
href="https://github.com/DaleStudy/leetcode-study/discussions/209"
target="_blank"
/>
Name "Guide":
<a
aria-label="Guide"
href="https://github.com/DaleStudy/leetcode-study/blob/main/CONTRIBUTING.md"
target="_blank"
/>
Name "Blog":
<a
aria-label="Blog"
href="https://www.algodale.com"
target="_blank"
/>
Name "LinkedIn":
<a
aria-label="LinkedIn"
href="https://www.linkedin.com/in/daleseo"
target="_blank"
/>
Name "Github":
<a
aria-label="Github"
href="https://github.com/DaleStudy/leetcode-study"
target="_blank"
/>
Name "Youtube":
<a
aria-label="Youtube"
href="https://www.youtube.com/@DaleSeo"
target="_blank"
/>
--------------------------------------------------
heading:
Name "리더보드":
<h1 />
Name "Tanya Rowe":
<h2 />
--------------------------------------------------
region:
Name "Search Bar":
<section
aria-label="Search Bar"
class="_searchBar_ea9aeb"
/>
--------------------------------------------------
img:
Name "검색 아이콘":
<img
alt="검색 아이콘"
src="/search-icon.svg"
/>
--------------------------------------------------
searchbox:
Name "이름 검색":
<input
aria-label="이름 검색"
placeholder="검색"
type="search"
value=""
/>
--------------------------------------------------
separator:
Name "":
<div
class="separator"
role="separator"
/>
--------------------------------------------------
combobox:
Name "기수 선택":
<select
aria-label="기수 선택"
/>
--------------------------------------------------
option:
Name "전체 기수":
<option
value=""
/>
--------------------------------------------------
list:
Name "":
<ul />
Name "":
<ul
class="_leftMenu_eb428f"
/>
Name "":
<ul
class="
|
|
Run bun run coverage:
src/components/SearchBar/SearchBar.test.tsx#L37
TestingLibraryElementError: Unable to find an element with the text: 기수. 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>
<section
aria-label="Search Bar"
class="_searchBar_ea9aeb"
>
<img
alt="검색 아이콘"
src="/search-icon.svg"
/>
<input
aria-label="이름 검색"
placeholder="검색"
type="search"
value=""
/>
<div
class="separator"
role="separator"
/>
<select
aria-label="기수 선택"
>
<option
value=""
>
전체 기수
</option>
<option
value="1"
>
1
기
</option>
<option
value="2"
>
2
기
</option>
<option
value="3"
>
3
기
</option>
<option
value="4"
>
4
기
</option>
<option
value="5"
>
5
기
</option>
</select>
</section>
</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
❯ getByText node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/components/SearchBar/SearchBar.test.tsx:37:17
|
|
Run bun run coverage
Process completed with exit code 1.
|
Loading