Issue 238 - Criar tela de Conta do Usuario #309
Draft
Annotations
7 errors and 1 warning
Run unit Tests:
src/layouts/pages/CreateAccount/index.spec.js#L43
TestingLibraryElementError: Unable to find a label with the text of: /mixed breed/i
Ignored nodes: comments, script, style
<body>
<div
class="breed-page"
>
<div
class="breed-page__breed-grid"
data-select="container"
>
<div
class="breed-page__header"
data-select="header-container"
>
<h1>
Conta
</h1>
<p>
Informações pessoais, email e senha
</p>
</div>
<div
class="breed-page__content"
data-select="content-container"
>
<div
class="breed-page__image"
data-select="image-container"
>
<div
class="container-upload-image"
>
<div
class="container-upload-image__animation"
>
<div
class="container-upload-image__circle"
/>
<div
class="container-upload-image__circle-duplicate"
/>
</div>
<label
class="container-upload-image__label"
for="input-file"
>
<div
class="container-upload-image__image-container"
>
<img
alt="Placeholder"
class="container-upload-image__placeholder-image"
src="/src/components/UploadImage/img/placeholder.svg"
/>
<img
alt="Imagem carregada"
class="container-upload-image__preview-image hidden"
data-select="image-preview"
/>
</div>
<div
class="container-upload-image__button"
>
<img
alt="Botão com ícone"
data-select="button-icon"
src="/src/components/UploadImage/img/plus-icon.svg"
/>
</div>
<input
accept="image/*"
aria-label="Carregar imagem"
class="container-upload-image__input"
data-select="upload-input"
id="input-file"
name="input-file"
type="file"
/>
</label>
</div>
</div>
<form
class="breed-page__content_form"
>
<div
class="input-container"
data-select="input-container"
>
<div
class="link-password"
data-select="link-password"
>
<a
href="#"
>
alterar senha
</a>
<div
class="field"
data-select="field"
>
<label
class="field__label"
data-select="field-label"
/>
<div
class="field__input"
data-select="field-input"
>
<div
class="input-text-container"
data-select="input-text-container"
>
<input
class="input-text-container__input standard undefined"
data-select="input-text"
id="password"
placeholder="*******"
|
Run unit Tests:
src/layouts/pages/CreateAccount/index.spec.js#L56
TestingLibraryElementError: Unable to find a label with the text of: /mixed breed/i
Ignored nodes: comments, script, style
<body>
<div
class="breed-page"
>
<div
class="breed-page__breed-grid"
data-select="container"
>
<div
class="breed-page__header"
data-select="header-container"
>
<h1>
Conta
</h1>
<p>
Informações pessoais, email e senha
</p>
</div>
<div
class="breed-page__content"
data-select="content-container"
>
<div
class="breed-page__image"
data-select="image-container"
>
<div
class="container-upload-image"
>
<div
class="container-upload-image__animation"
>
<div
class="container-upload-image__circle"
/>
<div
class="container-upload-image__circle-duplicate"
/>
</div>
<label
class="container-upload-image__label"
for="input-file"
>
<div
class="container-upload-image__image-container"
>
<img
alt="Placeholder"
class="container-upload-image__placeholder-image"
src="/src/components/UploadImage/img/placeholder.svg"
/>
<img
alt="Imagem carregada"
class="container-upload-image__preview-image hidden"
data-select="image-preview"
/>
</div>
<div
class="container-upload-image__button"
>
<img
alt="Botão com ícone"
data-select="button-icon"
src="/src/components/UploadImage/img/plus-icon.svg"
/>
</div>
<input
accept="image/*"
aria-label="Carregar imagem"
class="container-upload-image__input"
data-select="upload-input"
id="input-file"
name="input-file"
type="file"
/>
</label>
</div>
</div>
<form
class="breed-page__content_form"
>
<div
class="input-container"
data-select="input-container"
>
<div
class="link-password"
data-select="link-password"
>
<a
href="#"
>
alterar senha
</a>
<div
class="field"
data-select="field"
>
<label
class="field__label"
data-select="field-label"
/>
<div
class="field__input"
data-select="field-input"
>
<div
class="input-text-container"
data-select="input-text-container"
>
<input
class="input-text-container__input standard undefined"
data-select="input-text"
id="password"
placeholder="*******"
|
Run unit Tests:
src/layouts/pages/CreateAccount/index.spec.js#L70
TestingLibraryElementError: Unable to find a label with the text of: /mixed breed/i
Ignored nodes: comments, script, style
<body>
<div
class="breed-page"
>
<div
class="breed-page__breed-grid"
data-select="container"
>
<div
class="breed-page__header"
data-select="header-container"
>
<h1>
Conta
</h1>
<p>
Informações pessoais, email e senha
</p>
</div>
<div
class="breed-page__content"
data-select="content-container"
>
<div
class="breed-page__image"
data-select="image-container"
>
<div
class="container-upload-image"
>
<div
class="container-upload-image__animation"
>
<div
class="container-upload-image__circle"
/>
<div
class="container-upload-image__circle-duplicate"
/>
</div>
<label
class="container-upload-image__label"
for="input-file"
>
<div
class="container-upload-image__image-container"
>
<img
alt="Placeholder"
class="container-upload-image__placeholder-image"
src="/src/components/UploadImage/img/placeholder.svg"
/>
<img
alt="Imagem carregada"
class="container-upload-image__preview-image hidden"
data-select="image-preview"
/>
</div>
<div
class="container-upload-image__button"
>
<img
alt="Botão com ícone"
data-select="button-icon"
src="/src/components/UploadImage/img/plus-icon.svg"
/>
</div>
<input
accept="image/*"
aria-label="Carregar imagem"
class="container-upload-image__input"
data-select="upload-input"
id="input-file"
name="input-file"
type="file"
/>
</label>
</div>
</div>
<form
class="breed-page__content_form"
>
<div
class="input-container"
data-select="input-container"
>
<div
class="link-password"
data-select="link-password"
>
<a
href="#"
>
alterar senha
</a>
<div
class="field"
data-select="field"
>
<label
class="field__label"
data-select="field-label"
/>
<div
class="field__input"
data-select="field-input"
>
<div
class="input-text-container"
data-select="input-text-container"
>
<input
class="input-text-container__input standard undefined"
data-select="input-text"
id="password"
placeholder="*******"
|
Run unit Tests:
src/layouts/pages/CreateAccount/index.spec.js#L84
TestingLibraryElementError: Unable to find a label with the text of: /afghan hound/i
Ignored nodes: comments, script, style
<body>
<div
class="breed-page"
>
<div
class="breed-page__breed-grid"
data-select="container"
>
<div
class="breed-page__header"
data-select="header-container"
>
<h1>
Conta
</h1>
<p>
Informações pessoais, email e senha
</p>
</div>
<div
class="breed-page__content"
data-select="content-container"
>
<div
class="breed-page__image"
data-select="image-container"
>
<div
class="container-upload-image"
>
<div
class="container-upload-image__animation"
>
<div
class="container-upload-image__circle"
/>
<div
class="container-upload-image__circle-duplicate"
/>
</div>
<label
class="container-upload-image__label"
for="input-file"
>
<div
class="container-upload-image__image-container"
>
<img
alt="Placeholder"
class="container-upload-image__placeholder-image"
src="/src/components/UploadImage/img/placeholder.svg"
/>
<img
alt="Imagem carregada"
class="container-upload-image__preview-image hidden"
data-select="image-preview"
/>
</div>
<div
class="container-upload-image__button"
>
<img
alt="Botão com ícone"
data-select="button-icon"
src="/src/components/UploadImage/img/plus-icon.svg"
/>
</div>
<input
accept="image/*"
aria-label="Carregar imagem"
class="container-upload-image__input"
data-select="upload-input"
id="input-file"
name="input-file"
type="file"
/>
</label>
</div>
</div>
<form
class="breed-page__content_form"
>
<div
class="input-container"
data-select="input-container"
>
<div
class="link-password"
data-select="link-password"
>
<a
href="#"
>
alterar senha
</a>
<div
class="field"
data-select="field"
>
<label
class="field__label"
data-select="field-label"
/>
<div
class="field__input"
data-select="field-input"
>
<div
class="input-text-container"
data-select="input-text-container"
>
<input
class="input-text-container__input standard undefined"
data-select="input-text"
id="password"
placeholder="*******"
|
Run unit Tests:
src/layouts/pages/CreateAccount/index.spec.js#L103
TestingLibraryElementError: Unable to find a label with the text of: /mixed breed/i
Ignored nodes: comments, script, style
<body>
<div
class="breed-page"
>
<div
class="breed-page__breed-grid"
data-select="container"
>
<div
class="breed-page__header"
data-select="header-container"
>
<h1>
Conta
</h1>
<p>
Informações pessoais, email e senha
</p>
</div>
<div
class="breed-page__content"
data-select="content-container"
>
<div
class="breed-page__image"
data-select="image-container"
>
<div
class="container-upload-image"
>
<div
class="container-upload-image__animation"
>
<div
class="container-upload-image__circle"
/>
<div
class="container-upload-image__circle-duplicate"
/>
</div>
<label
class="container-upload-image__label"
for="input-file"
>
<div
class="container-upload-image__image-container"
>
<img
alt="Placeholder"
class="container-upload-image__placeholder-image"
src="/src/components/UploadImage/img/placeholder.svg"
/>
<img
alt="Imagem carregada"
class="container-upload-image__preview-image hidden"
data-select="image-preview"
/>
</div>
<div
class="container-upload-image__button"
>
<img
alt="Botão com ícone"
data-select="button-icon"
src="/src/components/UploadImage/img/plus-icon.svg"
/>
</div>
<input
accept="image/*"
aria-label="Carregar imagem"
class="container-upload-image__input"
data-select="upload-input"
id="input-file"
name="input-file"
type="file"
/>
</label>
</div>
</div>
<form
class="breed-page__content_form"
>
<div
class="input-container"
data-select="input-container"
>
<div
class="link-password"
data-select="link-password"
>
<a
href="#"
>
alterar senha
</a>
<div
class="field"
data-select="field"
>
<label
class="field__label"
data-select="field-label"
/>
<div
class="field__input"
data-select="field-input"
>
<div
class="input-text-container"
data-select="input-text-container"
>
<input
class="input-text-container__input standard undefined"
data-select="input-text"
id="password"
placeholder="*******"
|
Run unit Tests:
src/layouts/pages/CreateAccount/index.spec.js#L119
TestingLibraryElementError: Found multiple elements with the role "button"
Here are the matching elements:
Ignored nodes: comments, script, style
<button
class="input-text-container__button"
data-select="show-text"
type="button"
>
<img
alt="Toggle"
class="input-text-container__image"
data-select="show-text-img"
src="/src/components/TextInput/img/eye-icon-disable.svg"
/>
</button>
Ignored nodes: comments, script, style
<button
class="input-text-container__button input-text-container__button--hidden"
data-select="show-text"
type="button"
>
<img
alt="Toggle"
class="input-text-container__image"
data-select="show-text-img"
src="/src/components/TextInput/img/eye-icon-disable.svg"
/>
</button>
Ignored nodes: comments, script, style
<button
class="input-text-container__button input-text-container__button--hidden"
data-select="show-text"
type="button"
>
<img
alt="Toggle"
class="input-text-container__image"
data-select="show-text-img"
src="/src/components/TextInput/img/eye-icon-disable.svg"
/>
</button>
Ignored nodes: comments, script, style
<button
class="input-text-container__button input-text-container__button--hidden"
data-select="show-text"
type="button"
>
<img
alt="Toggle"
class="input-text-container__image"
data-select="show-text-img"
src="/src/components/TextInput/img/eye-icon-disable.svg"
/>
</button>
Ignored nodes: comments, script, style
<button
class="input-text-container__button input-text-container__button--hidden"
data-select="show-text"
type="button"
>
<img
alt="Toggle"
class="input-text-container__image"
data-select="show-text-img"
src="/src/components/TextInput/img/eye-icon-disable.svg"
/>
</button>
Ignored nodes: comments, script, style
<button
class="input-text-container__button input-text-container__button--hidden"
data-select="show-text"
type="button"
>
<img
alt="Toggle"
class="input-text-container__image"
data-select="show-text-img"
src="/src/components/TextInput/img/eye-icon-disable.svg"
/>
</button>
Ignored nodes: comments, script, style
<button
class="button breed-page__button"
data-select="button"
disabled="true"
id=""
type="button"
>
Salvar
</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
class="breed-page"
>
<div
class="breed-page__breed-grid"
data-select="container"
>
<div
class="breed-page__header"
data-select="header-container"
>
<h1>
Conta
</h1>
<p>
Informações pessoais, email e senha
</p>
</div>
<div
class="breed-page__content"
data-select="content-container"
>
<div
class="breed-page__image"
data-select="image-container"
>
<div
class="container-upload-image"
>
<div
class="container-upload-image__animation"
>
<div
class="container-upload-image__circle"
/>
<div
class="container-upload-image__circle-duplicate"
/>
</div>
<label
class="container-upload-image__label"
for="input-file"
>
<div
class="container-upload-image__image-container"
>
<img
alt="Placeholder"
class="container-upload-image__placeholder-image"
src="/src/compon
|
Run unit Tests
Process completed with exit code 1.
|
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|
Loading