replace username with name and surname #123
mr-loop-1Annotations
7 errors and 1 warning
|
src/tests/scenes/login/CreateAccountPage.test.jsx > CreateAccountPage > renders the create account page:
frontend/src/tests/scenes/login/CreateAccountPage.test.jsx#L23
TestingLibraryElementError: Unable to find a label with the text of: Username*:
Ignored nodes: comments, script, style
<body>
<div>
<div
class="login-container"
>
<h2>
Create an account
</h2>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="name"
>
Name*:
</label>
</div>
<input
id="name"
name="name"
placeholder="Enter your name"
type="name"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="surname"
>
Surname*:
</label>
</div>
<input
id="surname"
name="surname"
placeholder="Enter your surname"
type="name"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="email"
>
Email*:
</label>
</div>
<input
id="email"
name="email"
placeholder="Enter your email"
type="email"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="password"
>
Password*:
</label>
</div>
<input
id="password"
name="password"
placeholder="Create your password"
type="password"
value=""
/>
</div>
<div
class="password-constraints"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckCircleIcon"
focusable="false"
style="color: rgb(208, 213, 221); font-size: 20px; margin-right: 5px;"
viewBox="0 0 24 24"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
/>
</svg>
Must be at least 8 characters
</div>
<div
class="password-constraints"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckCircleIcon"
focusable="false"
style="color: rgb(208, 213, 221); font-size: 20px; margin-right: 5px;"
viewBox="0 0 24 24"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
/>
</svg>
Must contain one special character
</div>
<button
class="create-account-button"
>
Get started
</button>
<button
class="google-sign-in-button"
>
<img
alt="Google Icon"
class="google-icon"
src="/src/assets/google-icon.svg"
/>
Sign in with Google
</button>
<div
class="sign-up-link"
>
Already have an account?
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone custom-link css-r74m4g-MuiTypography-root-MuiLink-root"
href="/"
>
Log in
</a>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ getByLabelText node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/tests/scenes/login/CreateAccountPage.test.jsx:23:19
|
|
src/tests/scenes/login/CreateAccountPage.test.jsx > CreateAccountPage > validates username input:
frontend/src/tests/scenes/login/CreateAccountPage.test.jsx#L38
TestingLibraryElementError: Unable to find an element with the placeholder text of: Enter your username
Ignored nodes: comments, script, style
<body>
<div>
<div
class="login-container"
>
<h2>
Create an account
</h2>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="name"
>
Name*:
</label>
</div>
<input
id="name"
name="name"
placeholder="Enter your name"
type="name"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="surname"
>
Surname*:
</label>
</div>
<input
id="surname"
name="surname"
placeholder="Enter your surname"
type="name"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="email"
>
Email*:
</label>
</div>
<input
id="email"
name="email"
placeholder="Enter your email"
type="email"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="password"
>
Password*:
</label>
</div>
<input
id="password"
name="password"
placeholder="Create your password"
type="password"
value=""
/>
</div>
<div
class="password-constraints"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckCircleIcon"
focusable="false"
style="color: rgb(208, 213, 221); font-size: 20px; margin-right: 5px;"
viewBox="0 0 24 24"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
/>
</svg>
Must be at least 8 characters
</div>
<div
class="password-constraints"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckCircleIcon"
focusable="false"
style="color: rgb(208, 213, 221); font-size: 20px; margin-right: 5px;"
viewBox="0 0 24 24"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
/>
</svg>
Must contain one special character
</div>
<button
class="create-account-button"
>
Get started
</button>
<button
class="google-sign-in-button"
>
<img
alt="Google Icon"
class="google-icon"
src="/src/assets/google-icon.svg"
/>
Sign in with Google
</button>
<div
class="sign-up-link"
>
Already have an account?
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone custom-link css-r74m4g-MuiTypography-root-MuiLink-root"
href="/"
>
Log in
</a>
</div>
</div>
</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
❯ getByPlaceholderText node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/tests/scenes/login/CreateAccountPage.test.jsx:38:34
|
|
src/tests/scenes/login/CreateAccountPage.test.jsx > CreateAccountPage > handles sign up success:
frontend/src/tests/scenes/login/CreateAccountPage.test.jsx#L86
TestingLibraryElementError: Unable to find an element with the placeholder text of: Enter your username
Ignored nodes: comments, script, style
<body>
<div>
<div
class="login-container"
>
<h2>
Create an account
</h2>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="name"
>
Name*:
</label>
</div>
<input
id="name"
name="name"
placeholder="Enter your name"
type="name"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="surname"
>
Surname*:
</label>
</div>
<input
id="surname"
name="surname"
placeholder="Enter your surname"
type="name"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="email"
>
Email*:
</label>
</div>
<input
id="email"
name="email"
placeholder="Enter your email"
type="email"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="password"
>
Password*:
</label>
</div>
<input
id="password"
name="password"
placeholder="Create your password"
type="password"
value=""
/>
</div>
<div
class="password-constraints"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckCircleIcon"
focusable="false"
style="color: rgb(208, 213, 221); font-size: 20px; margin-right: 5px;"
viewBox="0 0 24 24"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
/>
</svg>
Must be at least 8 characters
</div>
<div
class="password-constraints"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckCircleIcon"
focusable="false"
style="color: rgb(208, 213, 221); font-size: 20px; margin-right: 5px;"
viewBox="0 0 24 24"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
/>
</svg>
Must contain one special character
</div>
<button
class="create-account-button"
>
Get started
</button>
<button
class="google-sign-in-button"
>
<img
alt="Google Icon"
class="google-icon"
src="/src/assets/google-icon.svg"
/>
Sign in with Google
</button>
<div
class="sign-up-link"
>
Already have an account?
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone custom-link css-r74m4g-MuiTypography-root-MuiLink-root"
href="/"
>
Log in
</a>
</div>
</div>
</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
❯ getByPlaceholderText node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/tests/scenes/login/CreateAccountPage.test.jsx:86:31
❯ node_modules/@testing-library/react/dist/act-compat.js:48:24
❯ act node_modules/react/cjs/react.development.js:2512
|
|
src/tests/scenes/login/CreateAccountPage.test.jsx > CreateAccountPage > handles sign up failure with user already exists error:
frontend/src/tests/scenes/login/CreateAccountPage.test.jsx#L113
TestingLibraryElementError: Unable to find an element with the placeholder text of: Enter your username
Ignored nodes: comments, script, style
<body>
<div>
<div
class="login-container"
>
<h2>
Create an account
</h2>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="name"
>
Name*:
</label>
</div>
<input
id="name"
name="name"
placeholder="Enter your name"
type="name"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="surname"
>
Surname*:
</label>
</div>
<input
id="surname"
name="surname"
placeholder="Enter your surname"
type="name"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="email"
>
Email*:
</label>
</div>
<input
id="email"
name="email"
placeholder="Enter your email"
type="email"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="password"
>
Password*:
</label>
</div>
<input
id="password"
name="password"
placeholder="Create your password"
type="password"
value=""
/>
</div>
<div
class="password-constraints"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckCircleIcon"
focusable="false"
style="color: rgb(208, 213, 221); font-size: 20px; margin-right: 5px;"
viewBox="0 0 24 24"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
/>
</svg>
Must be at least 8 characters
</div>
<div
class="password-constraints"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckCircleIcon"
focusable="false"
style="color: rgb(208, 213, 221); font-size: 20px; margin-right: 5px;"
viewBox="0 0 24 24"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
/>
</svg>
Must contain one special character
</div>
<button
class="create-account-button"
>
Get started
</button>
<button
class="google-sign-in-button"
>
<img
alt="Google Icon"
class="google-icon"
src="/src/assets/google-icon.svg"
/>
Sign in with Google
</button>
<div
class="sign-up-link"
>
Already have an account?
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone custom-link css-r74m4g-MuiTypography-root-MuiLink-root"
href="/"
>
Log in
</a>
</div>
</div>
</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
❯ getByPlaceholderText node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/tests/scenes/login/CreateAccountPage.test.jsx:113:31
❯ node_modules/@testing-library/react/dist/act-compat.js:48:24
❯ act node_modules/react/cjs/react.development.js:251
|
|
src/tests/scenes/login/CreateAccountPage.test.jsx > CreateAccountPage > handles sign up failure with other errors:
frontend/src/tests/scenes/login/CreateAccountPage.test.jsx#L143
TestingLibraryElementError: Unable to find an element with the placeholder text of: Enter your username
Ignored nodes: comments, script, style
<body>
<div>
<div
class="login-container"
>
<h2>
Create an account
</h2>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="name"
>
Name*:
</label>
</div>
<input
id="name"
name="name"
placeholder="Enter your name"
type="name"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="surname"
>
Surname*:
</label>
</div>
<input
id="surname"
name="surname"
placeholder="Enter your surname"
type="name"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="email"
>
Email*:
</label>
</div>
<input
id="email"
name="email"
placeholder="Enter your email"
type="email"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="password"
>
Password*:
</label>
</div>
<input
id="password"
name="password"
placeholder="Create your password"
type="password"
value=""
/>
</div>
<div
class="password-constraints"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckCircleIcon"
focusable="false"
style="color: rgb(208, 213, 221); font-size: 20px; margin-right: 5px;"
viewBox="0 0 24 24"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
/>
</svg>
Must be at least 8 characters
</div>
<div
class="password-constraints"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckCircleIcon"
focusable="false"
style="color: rgb(208, 213, 221); font-size: 20px; margin-right: 5px;"
viewBox="0 0 24 24"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
/>
</svg>
Must contain one special character
</div>
<button
class="create-account-button"
>
Get started
</button>
<button
class="google-sign-in-button"
>
<img
alt="Google Icon"
class="google-icon"
src="/src/assets/google-icon.svg"
/>
Sign in with Google
</button>
<div
class="sign-up-link"
>
Already have an account?
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone custom-link css-r74m4g-MuiTypography-root-MuiLink-root"
href="/"
>
Log in
</a>
</div>
</div>
</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
❯ getByPlaceholderText node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/tests/scenes/login/CreateAccountPage.test.jsx:143:31
❯ node_modules/@testing-library/react/dist/act-compat.js:48:24
❯ act node_modules/react/cjs/react.development.js:251
|
|
src/tests/scenes/login/CreateAccountPage.test.jsx > CreateAccountPage > handles network errors gracefully:
frontend/src/tests/scenes/login/CreateAccountPage.test.jsx#L168
TestingLibraryElementError: Unable to find an element with the placeholder text of: Enter your username
Ignored nodes: comments, script, style
<body>
<div>
<div
class="login-container"
>
<h2>
Create an account
</h2>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="name"
>
Name*:
</label>
</div>
<input
id="name"
name="name"
placeholder="Enter your name"
type="name"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="surname"
>
Surname*:
</label>
</div>
<input
id="surname"
name="surname"
placeholder="Enter your surname"
type="name"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="email"
>
Email*:
</label>
</div>
<input
id="email"
name="email"
placeholder="Enter your email"
type="email"
value=""
/>
</div>
<div
class="form-group"
>
<div
class="check-div"
>
<label
for="password"
>
Password*:
</label>
</div>
<input
id="password"
name="password"
placeholder="Create your password"
type="password"
value=""
/>
</div>
<div
class="password-constraints"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckCircleIcon"
focusable="false"
style="color: rgb(208, 213, 221); font-size: 20px; margin-right: 5px;"
viewBox="0 0 24 24"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
/>
</svg>
Must be at least 8 characters
</div>
<div
class="password-constraints"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
data-testid="CheckCircleIcon"
focusable="false"
style="color: rgb(208, 213, 221); font-size: 20px; margin-right: 5px;"
viewBox="0 0 24 24"
>
<path
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
/>
</svg>
Must contain one special character
</div>
<button
class="create-account-button"
>
Get started
</button>
<button
class="google-sign-in-button"
>
<img
alt="Google Icon"
class="google-icon"
src="/src/assets/google-icon.svg"
/>
Sign in with Google
</button>
<div
class="sign-up-link"
>
Already have an account?
<a
class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineNone custom-link css-r74m4g-MuiTypography-root-MuiLink-root"
href="/"
>
Log in
</a>
</div>
</div>
</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
❯ getByPlaceholderText node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/tests/scenes/login/CreateAccountPage.test.jsx:168:31
❯ node_modules/@testing-library/react/dist/act-compat.js:48:24
❯ act node_modules/react/cjs/react.development.js:251
|
|
build (22.x)
Process completed with exit code 1.
|
|
build (22.x)
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/cache@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|