modern setup #27
dai-shiAnnotations
4 errors and 1 warning
|
tests/03_component.spec.tsx > component spec > should increment the count when the button is pressed:
tests/03_component.spec.tsx#L115
TestingLibraryElementError: Found multiple elements by: [data-testid="count"]
Here are the matching elements:
Ignored nodes: comments, script, style
<p
data-testid="count"
>
0
</p>
Ignored nodes: comments, script, style
<p
data-testid="count"
>
0
</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>
<div>
<p
data-testid="count"
>
0
</p>
<button
type="button"
>
Increment
</button>
</div>
<div>
<input
value="Hello"
/>
</div>
<button
type="button"
>
Reset
</button>
</div>
</div>
<div>
<div>
<div>
<p
data-testid="count"
>
0
</p>
<button
type="button"
>
Increment
</button>
</div>
<div>
<input
value="Hello"
/>
</div>
<button
type="button"
>
Reset
</button>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:20:35
❯ getMultipleElementsFoundError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:23:10
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ tests/03_component.spec.tsx:115:19
|
|
tests/03_component.spec.tsx > component spec > should update the text when the input is changed:
tests/03_component.spec.tsx#L126
TestingLibraryElementError: Found multiple elements with the role "textbox"
Here are the matching elements:
Ignored nodes: comments, script, style
<input
value="Hello"
/>
Ignored nodes: comments, script, style
<input
value="Hello"
/>
Ignored nodes: comments, script, style
<input
value="Hello"
/>
(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>
<div>
<p
data-testid="count"
>
0
</p>
<button
type="button"
>
Increment
</button>
</div>
<div>
<input
value="Hello"
/>
</div>
<button
type="button"
>
Reset
</button>
</div>
</div>
<div>
<div>
<div>
<p
data-testid="count"
>
0
</p>
<button
type="button"
>
Increment
</button>
</div>
<div>
<input
value="Hello"
/>
</div>
<button
type="button"
>
Reset
</button>
</div>
</div>
<div>
<div>
<div>
<p
data-testid="count"
>
0
</p>
<button
type="button"
>
Increment
</button>
</div>
<div>
<input
value="Hello"
/>
</div>
<button
type="button"
>
Reset
</button>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:20:35
❯ getMultipleElementsFoundError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:23:10
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ tests/03_component.spec.tsx:126:19
|
|
tests/03_component.spec.tsx > component spec > should reset the state when the reset button is pressed:
tests/03_component.spec.tsx#L136
TestingLibraryElementError: Found multiple elements with the role "button" and name "Reset"
Here are the matching elements:
Ignored nodes: comments, script, style
<button
type="button"
>
Reset
</button>
Ignored nodes: comments, script, style
<button
type="button"
>
Reset
</button>
Ignored nodes: comments, script, style
<button
type="button"
>
Reset
</button>
Ignored nodes: comments, script, style
<button
type="button"
>
Reset
</button>
(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>
<div>
<p
data-testid="count"
>
0
</p>
<button
type="button"
>
Increment
</button>
</div>
<div>
<input
value="Hello"
/>
</div>
<button
type="button"
>
Reset
</button>
</div>
</div>
<div>
<div>
<div>
<p
data-testid="count"
>
0
</p>
<button
type="button"
>
Increment
</button>
</div>
<div>
<input
value="Hello"
/>
</div>
<button
type="button"
>
Reset
</button>
</div>
</div>
<div>
<div>
<div>
<p
data-testid="count"
>
0
</p>
<button
type="button"
>
Increment
</button>
</div>
<div>
<input
value="Hello"
/>
</div>
<button
type="button"
>
Reset
</button>
</div>
</div>
<div>
<div>
<div>
<p
data-testid="count"
>
0
</p>
<button
type="button"
>
Increment
</button>
</div>
<div>
<input
value="Hello"
/>
</div>
<button
type="button"
>
Reset
</button>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:20:35
❯ getMultipleElementsFoundError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:23:10
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:55:13
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ tests/03_component.spec.tsx:136:25
|
|
test
Process completed with exit code 1.
|
|
test
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/checkout@v3, pnpm/action-setup@v2, actions/setup-node@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|