feat(tooltip): Tooltip 컴포넌트 구현 #50
developerjhpAnnotations
8 errors
|
src/Tooltip.test.tsx > Tooltip 기본 동작 테스트 > Tooltip은 초기 상태에서 보이지 않아야 한다.:
packages/tooltip/src/Tooltip.test.tsx#L16
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div
class="_tooltip_c07767 _top_c07767"
>
Test Tooltip
</div> instead
❯ src/Tooltip.test.tsx:16:25
|
|
src/Tooltip.test.tsx > Tooltip 기본 동작 테스트 > hover 트리거일 경우 마우스를 올리면 Tooltip이 나타나고 이탈 시 사라진다.:
packages/tooltip/src/Tooltip.test.tsx#L44
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div
class="_tooltip_c07767 _top_c07767"
style="top: 8px; left: 8px; position: fixed;"
>
This is a tooltip
</div> instead
❯ src/Tooltip.test.tsx:44:57
|
|
src/Tooltip.test.tsx > Tooltip 기본 동작 테스트 > click 트리거일 경우 클릭하면 Tooltip이 표시되고 다시 클릭하면 사라진다.:
packages/tooltip/src/Tooltip.test.tsx#L60
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div
class="_tooltip_c07767 _top_c07767"
style="top: 8px; left: 8px; position: fixed;"
>
This is a tooltip
</div> instead
❯ src/Tooltip.test.tsx:60:57
|
|
src/Tooltip.test.tsx > Tooltip 기본 동작 테스트 > Tooltip 외부 클릭 시 닫힌다.:
packages/tooltip/src/Tooltip.test.tsx#L80
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div
class="_tooltip_c07767 _top_c07767"
style="top: 8px; left: 8px; position: fixed;"
>
This is a tooltip
</div> instead
❯ src/Tooltip.test.tsx:80:57
|
|
src/Tooltip.test.tsx > Tooltip 접근성 테스트 > Esc 키를 누르면 Tooltip이 닫힌다.:
packages/tooltip/src/Tooltip.test.tsx#L156
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div
class="_tooltip_c07767 _top_c07767"
style="top: 8px; left: 8px; position: fixed;"
>
This is a tooltip
</div> instead
❯ src/Tooltip.test.tsx:156:57
|
|
src/Tooltip.test.tsx > Tooltip asChild 속성 테스트 > asChild 속성을 주지 않았을 경우, 기본 값으로 동작한다.:
packages/tooltip/src/Tooltip.test.tsx#L282
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div
class="_tooltip_c07767 _top_c07767"
style="top: 8px; left: 8px; position: fixed;"
>
This is a tooltip
</div> instead
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<h1
class="undefined"
role="tooltip"
>
Hover me
</h1>
</div>
<div
class="_tooltip_c07767 _top_c07767"
style="top: 8px; left: 8px; position: fixed;"
>
This is a tooltip
</div>
</body>
</html>
❯ src/Tooltip.test.tsx:282:59
❯ runWithExpensiveErrorDiagnosticsDisabled ../../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback ../../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ Timeout.checkRealTimersCallback ../../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:118:16
|
|
src/Tooltip.test.tsx > Tooltip asChild 속성 테스트 > asChild가 true일 경우 이벤트 핸들러가 자식 요소에 적용된다.:
packages/tooltip/src/Tooltip.test.tsx#L317
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div
class="_tooltip_c07767 _top_c07767"
style="top: 8px; left: 8px; position: fixed;"
>
This is a tooltip
</div> instead
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<button
class="undefined"
role="tooltip"
type="button"
>
Hover me
</button>
</div>
<div
class="_tooltip_c07767 _top_c07767"
style="top: 8px; left: 8px; position: fixed;"
>
This is a tooltip
</div>
</body>
</html>
❯ src/Tooltip.test.tsx:317:59
❯ runWithExpensiveErrorDiagnosticsDisabled ../../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:47:12
❯ checkCallback ../../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:124:77
❯ Timeout.checkRealTimersCallback ../../node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/wait-for.js:118:16
|
|
CI
Process completed with exit code 1.
|