Feature/pdct 1791 add import sorting via eslint #524
Annotations
6 errors and 1 warning
|
Run Tests:
src/tests/views/FamilyCreate.test.tsx#L12
TestingLibraryElementError: Unable to find an accessible element with the role "heading" and name "Create new family"
Here are the accessible roles:
heading:
Name "Oops!":
<h1 />
--------------------------------------------------region:
Name "Notifications-top":
<div
aria-label="Notifications-top"
aria-live="polite"
id="chakra-toast-manager-top"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; margin: 0px auto;"
/>
Name "Notifications-top-left":
<div
aria-label="Notifications-top-left"
aria-live="polite"
id="chakra-toast-manager-top-left"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
Name "Notifications-top-right":
<div
aria-label="Notifications-top-right"
aria-live="polite"
id="chakra-toast-manager-top-right"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
Name "Notifications-bottom-left":
<div
aria-label="Notifications-bottom-left"
aria-live="polite"
id="chakra-toast-manager-bottom-left"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
Name "Notifications-bottom":
<div
aria-label="Notifications-bottom"
aria-live="polite"
id="chakra-toast-manager-bottom"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; margin: 0px auto;"
/>
Name "Notifications-bottom-right":
<div
aria-label="Notifications-bottom-right"
aria-live="polite"
id="chakra-toast-manager-bottom-right"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body
class="chakra-ui-light"
>
<div>
<div
id="error-page"
>
<h1>
Oops!
</h1>
<p>
Sorry, an unexpected error has occurred.
</p>
<p>
<i>
Cannot set property focus of #<HTMLElement> which has only a getter
</i>
</p>
</div>
<span
hidden=""
id="__chakra_env"
/>
</div>
<div
class="chakra-portal"
>
<div
aria-label="Notifications-top"
aria-live="polite"
id="chakra-toast-manager-top"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; margin: 0px auto;"
/>
<div
aria-label="Notifications-top-left"
aria-live="polite"
id="chakra-toast-manager-top-left"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-top-right"
aria-live="polite"
id="chakra-toast-manager-top-right"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-bottom-left"
aria-live="polite"
id="chakra-toast-manager-bottom-left"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-bottom"
aria-live="polite"
id="chakra-toast-manager-bottom"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; margin: 0px auto;"
/>
<div
aria-label="Notifications-bottom-right"
aria-live="polite"
id="chakra-toast-manager-bottom-right"
|
|
Run Tests:
src/tests/views/FamilyEdit.test.tsx#L25
TestingLibraryElementError: Unable to find an element with the text: Editing: CCLW Family Six. 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
class="chakra-ui-light"
>
<div>
<div
id="error-page"
>
<h1>
Oops!
</h1>
<p>
Sorry, an unexpected error has occurred.
</p>
<p>
<i>
Cannot set property focus of #<HTMLElement> which has only a getter
</i>
</p>
</div>
<span
hidden=""
id="__chakra_env"
/>
</div>
<div
class="chakra-portal"
>
<div
aria-label="Notifications-top"
aria-live="polite"
id="chakra-toast-manager-top"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; margin: 0px auto;"
/>
<div
aria-label="Notifications-top-left"
aria-live="polite"
id="chakra-toast-manager-top-left"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-top-right"
aria-live="polite"
id="chakra-toast-manager-top-right"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-bottom-left"
aria-live="polite"
id="chakra-toast-manager-bottom-left"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-bottom"
aria-live="polite"
id="chakra-toast-manager-bottom"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; margin: 0px auto;"
/>
<div
aria-label="Notifications-bottom-right"
aria-live="polite"
id="chakra-toast-manager-bottom-right"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
</div>
</body>
Ignored nodes: comments, script, style
<body
class="chakra-ui-light"
>
<div>
<div
id="error-page"
>
<h1>
Oops!
</h1>
<p>
Sorry, an unexpected error has occurred.
</p>
<p>
<i>
Cannot set property focus of #<HTMLElement> which has only a getter
</i>
</p>
</div>
<span
hidden=""
id="__chakra_env"
/>
</div>
<div
class="chakra-portal"
>
<div
aria-label="Notifications-top"
aria-live="polite"
id="chakra-toast-manager-top"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; margin: 0px auto;"
/>
<div
aria-label="Notifications-top-left"
aria-live="polite"
id="chakra-toast-manager-top-left"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-top-right"
aria-live="polite"
id="chakra-toast-manager-top-right"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-bottom-left"
aria-live="polite"
id="chakra-toast-manager-bottom-left"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-bottom"
aria-live="polite"
id="chakra-toas
|
|
Run Tests:
src/tests/views/FamilyEdit.test.tsx#L70
TestingLibraryElementError: Unable to find an element with the text: Editing: CCLW Family Seven. 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
class="chakra-ui-light"
>
<div>
<div
id="error-page"
>
<h1>
Oops!
</h1>
<p>
Sorry, an unexpected error has occurred.
</p>
<p>
<i>
Cannot set property focus of #<HTMLElement> which has only a getter
</i>
</p>
</div>
<span
hidden=""
id="__chakra_env"
/>
</div>
<div
class="chakra-portal"
>
<div
aria-label="Notifications-top"
aria-live="polite"
id="chakra-toast-manager-top"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; margin: 0px auto;"
/>
<div
aria-label="Notifications-top-left"
aria-live="polite"
id="chakra-toast-manager-top-left"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-top-right"
aria-live="polite"
id="chakra-toast-manager-top-right"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-bottom-left"
aria-live="polite"
id="chakra-toast-manager-bottom-left"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-bottom"
aria-live="polite"
id="chakra-toast-manager-bottom"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; margin: 0px auto;"
/>
<div
aria-label="Notifications-bottom-right"
aria-live="polite"
id="chakra-toast-manager-bottom-right"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
</div>
</body>
Ignored nodes: comments, script, style
<body
class="chakra-ui-light"
>
<div>
<div
id="error-page"
>
<h1>
Oops!
</h1>
<p>
Sorry, an unexpected error has occurred.
</p>
<p>
<i>
Cannot set property focus of #<HTMLElement> which has only a getter
</i>
</p>
</div>
<span
hidden=""
id="__chakra_env"
/>
</div>
<div
class="chakra-portal"
>
<div
aria-label="Notifications-top"
aria-live="polite"
id="chakra-toast-manager-top"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column; margin: 0px auto;"
/>
<div
aria-label="Notifications-top-left"
aria-live="polite"
id="chakra-toast-manager-top-left"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-top-right"
aria-live="polite"
id="chakra-toast-manager-top-right"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-bottom-left"
aria-live="polite"
id="chakra-toast-manager-bottom-left"
role="region"
style="position: fixed; z-index: var(--toast-z-index, 5500); pointer-events: none; display: flex; flex-direction: column;"
/>
<div
aria-label="Notifications-bottom"
aria-live="polite"
id="chakra-to
|
|
Run Tests:
src/components/forms/FamilyForm.tsx#L11
Error: [vitest] There was an error when mocking a module. If you are using "vi.mock" factory, make sure there are no top level variables inside, since this call is hoisted to top of the file. Read more: https://vitest.dev/api/vi.html#vi-mock
❯ src/components/forms/FamilyForm.tsx:11:32
Caused by: Caused by: ReferenceError: Cannot access '__vi_import_3__' before initialization
❯ src/tests/components/forms/FamilyForm.test.tsx:12:13
❯ src/components/forms/FamilyForm.tsx:11:32
|
|
Run Tests:
src/components/family/FamilyEvent.tsx#L4
Error: [vitest] There was an error when mocking a module. If you are using "vi.mock" factory, make sure there are no top level variables inside, since this call is hoisted to top of the file. Read more: https://vitest.dev/api/vi.html#vi-mock
❯ src/components/family/FamilyEvent.tsx:4:31
Caused by: Caused by: ReferenceError: Cannot access '__vi_import_3__' before initialization
❯ src/tests/components/forms/sections/EventSection.test.tsx:5:13
❯ src/components/family/FamilyEvent.tsx:4:31
|
|
Run Tests
Process completed with exit code 1.
|
|
Setup Node.js 20.11.0
Cache not found for keys: node-cache-Linux-x64-yarn-f5970dfbb4f0604400870094f03add0efe193b089c5aa9ff1310977c38c3150f
|
Loading