chore(deps): update dependency gradle to v8.10 #5292
GitHub Actions / Report - Unit Tests - Cypress
succeeded
Aug 17, 2024 in 0s
Report - Unit Tests - Cypress ✅
❌ packages/runner-cypress/reports/e2e/junit-report.xml
123 tests were completed in 37s with 116 passed, 7 failed and 0 skipped.
| Test suite | Passed | Failed | Skipped | Time |
|---|---|---|---|---|
| a11y | 12✅ | 4s | ||
| accessibility keys | 2✅ | 2s | ||
| Accessibility Step Definition | 0ms | |||
| Action | 5✅ | 1s | ||
| Aria label | 4✅ | 598ms | ||
| Attributes | 2✅ | 215ms | ||
| Checkable components | 4✅ | 2s | ||
| Composants cochable | 4✅ | 2s | ||
| Content | 2✅ | 262ms | ||
| Dictionnaire français de phrases de base utilisant cypress | 0ms | |||
| English Test Step Definition | 21✅ | 4s | ||
| English Test Step Definition async | 3✅ | 786ms | ||
| French Test Step Definition | 3✅ | 861ms | ||
| Keyboard Navigation | 6✅ | 5s | ||
| Keyboard Navigation - Long | 6✅ | 5s | ||
| Ko | 1✅ | 7❌ | 37s | |
| Navigation au clavier | 6✅ | 5s | ||
| Navigation au clavier - Longue | 6✅ | 5s | ||
| Other | 1✅ | 298ms | ||
| phrases enrichies | 0ms | |||
| phrases Unsafe | 2✅ | 565ms | ||
| Référentiel RGAA | 2✅ | 4s | ||
| RGAA Reference | 2✅ | 6s | ||
| role, name or content | 5✅ | 695ms | ||
| Role, name or content | 6✅ | 735ms | ||
| Root Suite | 0ms | |||
| TestId | 2✅ | 250ms | ||
| touches d'accessibilité | 2✅ | 2s | ||
| Using relative url | 1✅ | 659ms | ||
| Weather App example | 6✅ | 2s |
✅ a11y
key.then.a11y.check.default
✅ Accessibility Step Definition a11y key.then.a11y.check.default
✅ Accessibility Step Definition a11y key.then.a11y.check.default
key.then.a11y.check.onlyCritical
✅ Accessibility Step Definition a11y key.then.a11y.check.onlyCritical
✅ Accessibility Step Definition a11y key.then.a11y.check.onlyCritical
key.then.a11y.check.withFixtureOption
✅ Accessibility Step Definition a11y key.then.a11y.check.withFixtureOption
✅ Accessibility Step Definition a11y key.then.a11y.check.withFixtureOption
key.then.a11y.check.withImpacts
✅ Accessibility Step Definition a11y key.then.a11y.check.withImpacts
✅ Accessibility Step Definition a11y key.then.a11y.check.withImpacts
key.then.a11y.check.withFixtureContextAndFixtureOption
✅ Accessibility Step Definition a11y key.then.a11y.check.withFixtureContextAndFixtureOption
✅ Accessibility Step Definition a11y key.then.a11y.check.withFixtureContextAndFixtureOption
key.then.a11y.check.withTags
✅ Accessibility Step Definition a11y key.then.a11y.check.withTags
✅ Accessibility Step Definition a11y key.then.a11y.check.withTags
✅ accessibility keys
key.then.keyboard.press - Left right
✅ Accessibility Step Definition accessibility keys key.then.keyboard.press - Left right
key.then.keyboard.press - Up Down
✅ Accessibility Step Definition accessibility keys key.then.keyboard.press - Up Down
✅ Action
key.then.element.key.when.click.withContext
✅ Dictionnaire français de phrases de base utilisant cypress Action key.then.element.key.when.click.withContext
key.then.element.key.when.click.button without context
✅ Dictionnaire français de phrases de base utilisant cypress Action key.then.element.key.when.click.button without context
key.then.element.key.when.click.button with context
✅ Dictionnaire français de phrases de base utilisant cypress Action key.then.element.key.when.click.button with context
key.then.element.key.when.click.withRole
✅ Dictionnaire français de phrases de base utilisant cypress Action key.then.element.key.when.click.withRole
key.then.element.key.when.type
✅ Dictionnaire français de phrases de base utilisant cypress Action key.then.element.key.when.type
✅ Aria label
key.then.element.withAriaLabel - 1/2
✅ Dictionnaire français de phrases de base utilisant cypress Aria label key.then.element.withAriaLabel - 1/2
key.then.element.withAriaLabel - 2/2
✅ Dictionnaire français de phrases de base utilisant cypress Aria label key.then.element.withAriaLabel - 2/2
key.then.element.not.withAriaLabel
✅ Dictionnaire français de phrases de base utilisant cypress Aria label key.then.element.not.withAriaLabel
key.then.element.withAriaLabelAndContent
✅ Dictionnaire français de phrases de base utilisant cypress Aria label key.then.element.withAriaLabelAndContent
✅ Attributes
key.then.attributes.withValues
✅ phrases enrichies Attributes key.then.attributes.withValues
✅ Dictionnaire français de phrases de base utilisant cypress Attributes key.then.attributes.withValues
✅ Checkable components
Radio button
✅ Checkable components Radio button
Radio button and click
✅ Checkable components Radio button and click
Checkbox
✅ Checkable components Checkbox
Checkbox and click
✅ Checkable components Checkbox and click
✅ Composants cochable
Radio button
✅ Composants cochable Radio button
Radio button and click
✅ Composants cochable Radio button and click
Checkbox
✅ Composants cochable Checkbox
Checkbox and click
✅ Composants cochable Checkbox and click
✅ Content
key.then.element.withContent
✅ Dictionnaire français de phrases de base utilisant cypress Content key.then.element.withContent
key.then.element.not.withContent
✅ Dictionnaire français de phrases de base utilisant cypress Content key.then.element.not.withContent
✅ English Test Step Definition
key.then.element.withAriaLabel - 1/2
✅ English Test Step Definition key.then.element.withAriaLabel - 1/2
key.then.element.withAriaLabel - 2/2
✅ English Test Step Definition key.then.element.withAriaLabel - 2/2
key.then.element.not.withAriaLabel
✅ English Test Step Definition key.then.element.not.withAriaLabel
key.then.element.withAriaLabelAndContent
✅ English Test Step Definition key.then.element.withAriaLabelAndContent
key.then.element.withContent
✅ English Test Step Definition key.then.element.withContent
key.then.element.not.withContent
✅ English Test Step Definition key.then.element.not.withContent
key.then.element.withTestId
✅ English Test Step Definition key.then.element.withTestId
key.then.element.not.withTestId
✅ English Test Step Definition key.then.element.not.withTestId
key.then.element.withRoleAndName
✅ English Test Step Definition key.then.element.withRoleAndName
key.then.element.not.withRoleAndName
✅ English Test Step Definition key.then.element.not.withRoleAndName
key.then.element.withRoleAndNameAndContent
✅ English Test Step Definition key.then.element.withRoleAndNameAndContent
key.then.element.withRoleAndNameAndContentDisabled
✅ English Test Step Definition key.then.element.withRoleAndNameAndContentDisabled
key.then.element.withRoleAndNameAndContentEnabled
✅ English Test Step Definition key.then.element.withRoleAndNameAndContentEnabled
key.then.list.withNameAndContent
✅ English Test Step Definition key.then.list.withNameAndContent
key.then.attributes.withValues
✅ English Test Step Definition key.then.attributes.withValues
key.then.element.key.when.click.withContext
✅ English Test Step Definition key.then.element.key.when.click.withContext
key.then.element.key.when.click.button without context
✅ English Test Step Definition key.then.element.key.when.click.button without context
key.then.element.key.when.click.button with context
✅ English Test Step Definition key.then.element.key.when.click.button with context
key.then.element.key.when.click.withRole
✅ English Test Step Definition key.then.element.key.when.click.withRole
key.then.element.key.when.type
✅ English Test Step Definition key.then.element.key.when.type
key.given.within.selector
✅ English Test Step Definition key.given.within.selector
✅ English Test Step Definition async
key.when.mock.withFixture & key.then.mock.consume
✅ English Test Step Definition async key.when.mock.withFixture & key.then.mock.consume
key.when.mock.withBody & key.then.mock.consume
✅ English Test Step Definition async key.when.mock.withBody & key.then.mock.consume
key.when.mock.withStatusCode & key.then.mock.consume
✅ English Test Step Definition async key.when.mock.withStatusCode & key.then.mock.consume
✅ French Test Step Definition
key.when.mock.withFixture & key.then.mock.consume
✅ French Test Step Definition key.when.mock.withFixture & key.then.mock.consume
key.when.mock.withBody & key.then.mock.consume
✅ French Test Step Definition key.when.mock.withBody & key.then.mock.consume
key.when.mock.withStatusCode & key.then.mock.consume
✅ French Test Step Definition key.when.mock.withStatusCode & key.then.mock.consume
✅ Keyboard Navigation
Focus on app logo - short mode
✅ Keyboard Navigation Focus on app logo - short mode
Focus on app link - short mode
✅ Keyboard Navigation Focus on app link - short mode
Focus on app link with back nav - short mode
✅ Keyboard Navigation Focus on app link with back nav - short mode
Focus on Get Started button - short mode
✅ Keyboard Navigation Focus on Get Started button - short mode
Verify new town form keyboard navigation - short mode
✅ Keyboard Navigation Verify new town form keyboard navigation - short mode
Fill new town form with keyboard - short mode
✅ Keyboard Navigation Fill new town form with keyboard - short mode
✅ Keyboard Navigation - Long
Focus on app logo
✅ Keyboard Navigation - Long Focus on app logo
Focus on app link
✅ Keyboard Navigation - Long Focus on app link
Focus on app link with back nav
✅ Keyboard Navigation - Long Focus on app link with back nav
Focus on Get Started button
✅ Keyboard Navigation - Long Focus on Get Started button
Verify new town form keyboard navigation
✅ Keyboard Navigation - Long Verify new town form keyboard navigation
Fill new town form with keyboard
✅ Keyboard Navigation - Long Fill new town form with keyboard
❌ Ko
Homepage - Bad title
❌ Ko Homepage - Bad title
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "heading" and name "Welcome to Weather App - ko"
Weather - Town List must be ok
✅ Ko Weather - Town List must be ok
TownResearch - Bad textbox name
❌ Ko TownResearch - Bad textbox name
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "textbox" and name "Search for a town3"
Error when waiting a mock without instanciate a mock before
❌ Ko Error when waiting a mock without instanciate a mock before
CypressError: `cy.wait()` could not find a registered alias for: `@uuvFixture`.
Radio button - Ko unchecked
❌ Ko Radio button - Ko unchecked
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "radio" and name "Small (under 150000)"
Radio button - Ko checked
❌ Ko Radio button - Ko checked
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "radio" and name "Medium (150000 to 1 million)"
Checkbox - Ko unchecked
❌ Ko Checkbox - Ko unchecked
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "checkbox" and name "Allow automatic update"
Checkbox - Ko checked
❌ Ko Checkbox - Ko checked
AssertionError: Timed out retrying after 4000ms: Unable to find an accessible element with the role "checkbox" and name "Allow automatic update"
✅ Navigation au clavier
Focus on app logo
✅ Navigation au clavier Focus on app logo
Focus on app link
✅ Navigation au clavier Focus on app link
Focus on app link with back nav
✅ Navigation au clavier Focus on app link with back nav
Focus on Get Started button
✅ Navigation au clavier Focus on Get Started button
Verify new town form keyboard navigation
✅ Navigation au clavier Verify new town form keyboard navigation
Fill new town form with keyboard
✅ Navigation au clavier Fill new town form with keyboard
✅ Navigation au clavier - Longue
Focus on app logo
✅ Navigation au clavier - Longue Focus on app logo
Focus on app link
✅ Navigation au clavier - Longue Focus on app link
Focus on app link with back nav
✅ Navigation au clavier - Longue Focus on app link with back nav
Focus on Get Started button
✅ Navigation au clavier - Longue Focus on Get Started button
Verify new town form keyboard navigation
✅ Navigation au clavier - Longue Verify new town form keyboard navigation
Fill new town form with keyboard
✅ Navigation au clavier - Longue Fill new town form with keyboard
✅ Other
key.given.within.selector
✅ Dictionnaire français de phrases de base utilisant cypress Other key.given.within.selector
✅ phrases Unsafe
key.given.within.selector (example #1)
✅ phrases Unsafe key.given.within.selector (example #1)
key.given.within.selector (example #2)
✅ phrases Unsafe key.given.within.selector (example #2)
✅ Référentiel RGAA
key.then.a11y.rgaa.defaultWithResultContaining
✅ Référentiel RGAA key.then.a11y.rgaa.defaultWithResultContaining
key.then.a11y.rgaa.defaultWithResult
✅ Référentiel RGAA key.then.a11y.rgaa.defaultWithResult
✅ RGAA Reference
key.then.a11y.rgaa.defaultWithResultContaining
✅ RGAA Reference key.then.a11y.rgaa.defaultWithResultContaining
key.then.a11y.rgaa.defaultWithResult
✅ RGAA Reference key.then.a11y.rgaa.defaultWithResult
✅ role, name or content
key.then.element.withRoleAndName
✅ phrases enrichies role, name or content key.then.element.withRoleAndName
key.then.element.not.withRoleAndName
✅ phrases enrichies role, name or content key.then.element.not.withRoleAndName
key.then.element.withRoleAndNameAndContent
✅ phrases enrichies role, name or content key.then.element.withRoleAndNameAndContent
key.then.element.withRoleAndNameAndContentDisabled
✅ phrases enrichies role, name or content key.then.element.withRoleAndNameAndContentDisabled
key.then.element.withRoleAndNameAndContentEnabled
✅ phrases enrichies role, name or content key.then.element.withRoleAndNameAndContentEnabled
✅ Role, name or content
key.then.element.withRoleAndName
✅ Dictionnaire français de phrases de base utilisant cypress Role, name or content key.then.element.withRoleAndName
key.then.element.not.withRoleAndName
✅ Dictionnaire français de phrases de base utilisant cypress Role, name or content key.then.element.not.withRoleAndName
key.then.element.withRoleAndNameAndContent
✅ Dictionnaire français de phrases de base utilisant cypress Role, name or content key.then.element.withRoleAndNameAndContent
key.then.element.withRoleAndNameAndContentDisabled
✅ Dictionnaire français de phrases de base utilisant cypress Role, name or content key.then.element.withRoleAndNameAndContentDisabled
key.then.element.withRoleAndNameAndContentEnabled
✅ Dictionnaire français de phrases de base utilisant cypress Role, name or content key.then.element.withRoleAndNameAndContentEnabled
key.then.list.withNameAndContent
✅ Dictionnaire français de phrases de base utilisant cypress Role, name or content key.then.list.withNameAndContent
✅ TestId
key.then.element.withTestId
✅ Dictionnaire français de phrases de base utilisant cypress TestId key.then.element.withTestId
key.then.element.not.withTestId
✅ Dictionnaire français de phrases de base utilisant cypress TestId key.then.element.not.withTestId
✅ touches d'accessibilité
key.then.keyboard.press - Left right
✅ Accessibility Step Definition touches d'accessibilité key.then.keyboard.press - Left right
key.then.keyboard.press - Up Down
✅ Accessibility Step Definition touches d'accessibilité key.then.keyboard.press - Up Down
✅ Using relative url
Should land on weather app homepage
✅ Using relative url Should land on weather app homepage
✅ Weather App example
Homepage
✅ Weather App example Homepage
Weather - "Nothing to display" must be displayed
✅ Weather App example Weather - "Nothing to display" must be displayed
Weather - Town List must be ok
✅ Weather App example Weather - Town List must be ok
TownSelection - Douala
✅ Weather App example TownSelection - Douala
TownResearch
✅ Weather App example TownResearch
Issue 340 - Checking list items does not work with within
✅ Weather App example Issue 340 - Checking list items does not work with within
Annotations
Check failure on line 0 in packages/runner-cypress/reports/e2e/junit-report.xml
github-actions / Report - Unit Tests - Cypress
Ko ► Homepage - Bad title ► Ko Homepage - Bad title
Failed test found in:
packages/runner-cypress/reports/e2e/junit-report.xml
Error:
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "heading" and name "Welcome to Weather App - ko"
Raw output
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "heading" and name "Welcome to Weather App - ko"
Here are the accessible roles:
document:
Name "":
<html
data-critters-container=""
lang="en"
/>
--------------------------------------------------
navigation:
Name "":
<nav
_ngcontent-ng-c1411836129=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
/>
--------------------------------------------------
link:
Name "Weather App's Logo":
<a
_ngcontent-ng-c1411836129=""
class="navbar-brand"
href="#"
/>
Name "Home":
<a
_ngcontent-ng-c1411836129=""
aria-current="page"
class="nav-link active"
href="#"
/>
--------------------------------------------------
img:
Name "Weather App's Logo":
<img
_ngcontent-ng-c1411836129=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/>
--------------------------------------------------
list:
Name "":
<ul
_ngcontent-ng-c1411836129=""
class="navbar-nav me-auto"
/>
--------------------------------------------------
listitem:
Name "":
<li
_ngcontent-ng-c1411836129=""
class="nav-item"
/>
--------------------------------------------------
main:
Name "":
<main
_ngcontent-ng-c417082667=""
/>
--------------------------------------------------
heading:
Name "Welcome to Weather App":
<h1
_ngcontent-ng-c417082667=""
class="display-2"
data-testid="app-title"
/>
--------------------------------------------------
button:
Name "Get started":
<button
_ngcontent-ng-c417082667=""
class="btn btn-primary col-auto"
data-testid="start-button"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<html
data-critters-container=""
lang="en"
>
<head>
<meta
charset="utf-8"
/>
<title>
home
</title>
<base
href="/weather-app/"
/>
<meta
content="width=device-width, initial-scale=1"
name="viewport"
/>
<link
href="assets/images/logo.png"
rel="icon"
type="image/x-icon"
/>
<link
crossorigin="anonymous"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
rel="stylesheet"
/>
<link
href="styles.c12119d1314d7416.css"
media="all"
onload="this.media='all'"
rel="stylesheet"
/>
<noscript>
<link rel="stylesheet" href="styles.c12119d1314d7416.css">
</noscript>
</head>
<body>
<app-root
_nghost-ng-c1411836129=""
ng-version="17.3.10"
>
<div
_ngcontent-ng-c1411836129=""
>
<nav
_ngcontent-ng-c1411836129=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
>
<div
_ngcontent-ng-c1411836129=""
class="container"
>
<a
_ngcontent-ng-c1411836129=""
class="navbar-brand"
href="#"
>
<img
_ngcontent-ng-c1411836129=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/>
</a>
<div
_ngcontent-ng-c1411836129=""
class="collapse navbar-collapse"
id="navbarSupportedContent"
>
<ul
_ngcontent-ng-c1411836129=""
class="navbar-nav me-auto"
>
<li
_ngcontent-ng-c1411836129=""
class="nav-item"
>
<a
_ngcontent-ng-c1411836129=""
aria-current="page"
class="nav-link active"
href="#"
>
Home
</a>
</li>
</ul>
</div>
</div>
</nav>
<div
_ngcontent-ng-c1411836129=""
class="mt-3 p-2"
>
<router-outlet
_ngcontent-ng-c1411836129=""
/>
<app-weather
_nghost-ng-c417082667=""
>
<main
_ngcontent-ng-c417082667=""
>
<div
_ngcontent-ng-c417082667=""
class="container"
>
<h1
_ngcontent-ng-c417082667=""
class="display-2"
data-testid="app-title"
>
Welcome to
<span
_ngcontent-ng-c417082667=""
class="text-primary"
>
Weather App
</span>
</h1>
<img
_ngcontent-ng-c417082667=""
alt="weather illustration"
aria-hidden="true"
class="h-32px m-16px w-32px"
fetchpriority="auto"
height="167"
loading="lazy"
ng-img="true"
ngsrc="assets/images/weather.jpg"
src="assets/images/weather.jpg"
width="302"
/>
<div
_ngcontent-ng-c417082667=""
class="landing-view"
>
<button
_ngcontent-ng-c417082667=""
class="btn btn-primary col-auto"
data-testid="start-button"
type="button"
>
Get started
</button>
</div>
</div>
</main>
</app-weather>
</div>
</div>
</app-root>
</body>
</html>
at Context.eval (webpack://@uuv/cypress/./src/cucumber/step_definitions/cypress/_.common.ts:73:0)
Check failure on line 0 in packages/runner-cypress/reports/e2e/junit-report.xml
github-actions / Report - Unit Tests - Cypress
Ko ► TownResearch - Bad textbox name ► Ko TownResearch - Bad textbox name
Failed test found in:
packages/runner-cypress/reports/e2e/junit-report.xml
Error:
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "textbox" and name "Search for a town3"
Raw output
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "textbox" and name "Search for a town3"
Here are the accessible roles:
document:
Name "":
<html
data-critters-container=""
lang="en"
/>
--------------------------------------------------
navigation:
Name "":
<nav
_ngcontent-ng-c1411836129=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
/>
--------------------------------------------------
link:
Name "Weather App's Logo":
<a
_ngcontent-ng-c1411836129=""
class="navbar-brand"
href="#"
/>
Name "Home":
<a
_ngcontent-ng-c1411836129=""
aria-current="page"
class="nav-link active"
href="#"
/>
--------------------------------------------------
img:
Name "Weather App's Logo":
<img
_ngcontent-ng-c1411836129=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/>
--------------------------------------------------
list:
Name "":
<ul
_ngcontent-ng-c1411836129=""
class="navbar-nav me-auto"
/>
Name "Available Towns":
<ul
_ngcontent-ng-c4014070067=""
aria-labelledby="available-town-header"
class="list-group"
data-testid="available-towns"
/>
--------------------------------------------------
listitem:
Name "":
<li
_ngcontent-ng-c1411836129=""
class="nav-item"
/>
Name "Douala":
<li
_ngcontent-ng-c4014070067=""
aria-label="Douala"
class="btn list-group-item list-group-item-action"
data-testid="town-Douala"
/>
Name "Tunis":
<li
_ngcontent-ng-c4014070067=""
aria-label="Tunis"
class="btn list-group-item list-group-item-action"
data-testid="town-Tunis"
/>
Name "Limoges":
<li
_ngcontent-ng-c4014070067=""
aria-label="Limoges"
class="btn list-group-item list-group-item-action"
data-testid="town-Limoges"
/>
--------------------------------------------------
main:
Name "":
<main
_ngcontent-ng-c417082667=""
/>
--------------------------------------------------
heading:
Name "Current Weather":
<h1
_ngcontent-ng-c417082667=""
class="display-2"
data-testid="app-title"
/>
Name "Nothing to display":
<h2
_ngcontent-ng-c470674830=""
class="text-primary display-3"
data-testid="weather-details-empty"
/>
--------------------------------------------------
paragraph:
Name "":
<p
_ngcontent-ng-c417082667=""
class="mb-2"
/>
--------------------------------------------------
textbox:
Name "Search for a town":
<input
_ngcontent-ng-c417082667=""
class="form-control col-auto ng-untouched ng-pristine ng-valid"
data-testid="town-search"
formcontrolname="townTextSearch"
id="townTextSearch"
name="townTextSearch"
title="Search for a town"
type="text"
/>
--------------------------------------------------
button:
Name "Filter":
<button
_ngcontent-ng-c417082667=""
class="btn btn-secondary col-auto"
data-testid="town-filter"
type="submit"
/>
Name "Add new town":
<button
_ngcontent-ng-c4014070067=""
class="btn btn-primary d-flex align-items-center gap-1"
routerlink="/add-new-town"
tabindex="0"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<html
data-critters-container=""
lang="en"
>
<head>
<meta
charset="utf-8"
/>
<title>
home
</title>
<base
href="/weather-app/"
/>
<meta
content="width=device-width, initial-scale=1"
name="viewport"
/>
<link
href="assets/images/logo.png"
rel="icon"
type="image/x-icon"
/>
<link
crossorigin="anonymous"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
rel="stylesheet"
/>
<link
href="styles.c12119d1314d7416.css"
media="all"
onload="this.media='all'"
rel="stylesheet"
/>
<noscript>
<link rel="stylesheet" href="styles.c12119d1314d7416.css">
</noscript>
</head>
<body>
<app-root
_nghost-ng-c1411836129=""
ng-version="17.3.10"
>
<div
_ngcontent-ng-c1411836129=""
>
<nav
_ngcontent-ng-c1411836129=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
>
<div
_ngcontent-ng-c1411836129=""
class="container"
>
<a
_ngcontent-ng-c1411836129=""
class="navbar-brand"
href="#"
>
<img
_ngcontent-ng-c1411836129=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/>
</a>
<div
_ngcontent-ng-c1411836129=""
class="collapse navbar-collapse"
id="navbarSupportedContent"
>
<ul
_ngcontent-ng-c1411836129=""
class="navbar-nav me-auto"
>
<li
_ngcontent-ng-c1411836129=""
class="nav-item"
>
<a
_ngcontent-ng-c1411836129=""
aria-current="page"
class="nav-link active"
href="#"
>
Home
</a>
</li>
</ul>
</div>
</div>
</nav>
<div
_ngcontent-ng-c1411836129=""
class="mt-3 p-2"
>
<router-outlet
_ngcontent-ng-c1411836129=""
/>
<app-weather
_nghost-ng-c417082667=""
>
<main
_ngcontent-ng-c417082667=""
>
<div
_ngcontent-ng-c417082667=""
class="container"
>
<h1
_ngcontent-ng-c417082667=""
class="display-2"
data-testid="app-title"
>
Current Weather
</h1>
<div
_ngcontent-ng-c417082667=""
class="display-5 weather-tending"
>
<span
_ngcontent-ng-c417082667=""
>
Trending:
</span>
<span
_ngcontent-ng-c417082667=""
class="text-primary"
>
Not implemented yet !!!
</span>
</div>
<div
_ngcontent-ng-c417082667=""
class="weather-view"
>
<p
_ngcontent-ng-c417082667=""
class="mb-2"
>
First select a town or use the filter before
</p>
<form
_ngcontent-ng-c417082667=""
class="mb-2 ng-untouched ng-pristine ng-valid"
novalidate=""
>
<div
_ngcontent-ng-c417082667=""
class="row"
>
<div
_ngcontent-ng-c417082667=""
class="col-auto"
>
<input
_ngcontent-ng-c417082667=""
class="form-control col-auto ng-untouched ng-pristine ng-valid"
data-testid="town-search"
formcontrolname="townTextSearch"
id="townTextSearch"
name="townTextSearch"
title="Search for a town"
type="text"
/>
<div
_ngcontent-ng-c417082667=""
class="invalid-feedback"
>
Required field
</div>
</div>
<div
_ngcontent-ng-c417082667=""
class="col-auto"
>
<button
_ngcontent-ng-c417082667=""
class="btn btn-secondary col-auto"
data-testid="town-filter"
type="submit"
>
Filter
</button>
</div>
</div>
</form>
<div
_ngcontent-ng-c417082667=""
class="row justify-content-start gap-3 gap-md-0"
>
<div
_ngcontent-ng-c417082667=""
class="col-12 col-md-3"
>
<app-town-selector
_ngcontent-ng-c417082667=""
_nghost-ng-c4014070067=""
>
<div
_ngcontent-ng-c4014070067=""
>
<div
_ngcontent-ng-c4014070067=""
class="p-2"
id="available-town-header"
>
<span
_ngcontent-ng-c4014070067=""
class="h5 mb-0"
>
Available Towns
</span>
</div>
<ul
_ngcontent-ng-c4014070067=""
aria-labelledby="available-town-header"
...
at Context.eval (webpack://@uuv/cypress/./src/cucumber/step_definitions/cypress/_.common.ts:73:0)
Check failure on line 0 in packages/runner-cypress/reports/e2e/junit-report.xml
github-actions / Report - Unit Tests - Cypress
Ko ► Error when waiting a mock without instanciate a mock before ► Ko Error when waiting a mock without instanciate a mock before
Failed test found in:
packages/runner-cypress/reports/e2e/junit-report.xml
Error:
CypressError: `cy.wait()` could not find a registered alias for: `@uuvFixture`.
Raw output
CypressError: `cy.wait()` could not find a registered alias for: `@uuvFixture`.
Available aliases are: `context`.
at $Cy.aliasNotFoundFor (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:132624:66)
at $Cy.getAlias (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:132567:12)
at waitForXhr (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:135702:23)
at <unknown> (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:135805:14)
at tryCatcher (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:1807:23)
at MappingPromiseArray._promiseFulfilled (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:4947:38)
at PromiseArray._iterate (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:2920:31)
at MappingPromiseArray.init (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:2884:10)
at MappingPromiseArray._asyncInit (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:4916:10)
at _drainQueueStep (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:2411:12)
at _drainQueue (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:2400:9)
at Async._drainQueues (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:2416:5)
at Async.drainQueues (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:2286:14)
From Your Spec Code:
at Context.eval (webpack://@uuv/cypress/./src/cucumber/step_definitions/cypress/generated/_en-generated-cucumber-steps-definition.ts:365:0)
at Registry.runStepDefininition (webpack://@uuv/cypress/../../node_modules/@badeball/cypress-cucumber-preprocessor/dist/registry.js:163:0)
at Object.fn (webpack://@uuv/cypress/../../node_modules/@badeball/cypress-cucumber-preprocessor/dist/browser-runtime.js:496:0)
at runStepWithLogGroup (webpack://@uuv/cypress/../../node_modules/@badeball/cypress-cucumber-preprocessor/dist/helpers/cypress.js:50:0)
at Context.eval (webpack://@uuv/cypress/../../node_modules/@badeball/cypress-cucumber-preprocessor/dist/browser-runtime.js:492:0)
Check failure on line 0 in packages/runner-cypress/reports/e2e/junit-report.xml
github-actions / Report - Unit Tests - Cypress
Ko ► Radio button - Ko unchecked ► Ko Radio button - Ko unchecked
Failed test found in:
packages/runner-cypress/reports/e2e/junit-report.xml
Error:
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "radio" and name "Small (under 150000)"
Raw output
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "radio" and name "Small (under 150000)"
Here are the accessible roles:
document:
Name "":
<html
data-critters-container=""
lang="en"
/>
--------------------------------------------------
navigation:
Name "":
<nav
_ngcontent-ng-c1411836129=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
/>
--------------------------------------------------
link:
Name "Weather App's Logo":
<a
_ngcontent-ng-c1411836129=""
class="navbar-brand"
href="#"
/>
Name "Home":
<a
_ngcontent-ng-c1411836129=""
aria-current="page"
class="nav-link active"
href="#"
/>
--------------------------------------------------
img:
Name "Weather App's Logo":
<img
_ngcontent-ng-c1411836129=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/>
--------------------------------------------------
list:
Name "":
<ul
_ngcontent-ng-c1411836129=""
class="navbar-nav me-auto"
/>
--------------------------------------------------
listitem:
Name "":
<li
_ngcontent-ng-c1411836129=""
class="nav-item"
/>
--------------------------------------------------
main:
Name "":
<main
_ngcontent-ng-c417082667=""
/>
--------------------------------------------------
heading:
Name "Welcome to Weather App":
<h1
_ngcontent-ng-c417082667=""
class="display-2"
data-testid="app-title"
/>
--------------------------------------------------
button:
Name "Get started":
<button
_ngcontent-ng-c417082667=""
class="btn btn-primary col-auto"
data-testid="start-button"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<html
data-critters-container=""
lang="en"
>
<head>
<meta
charset="utf-8"
/>
<title>
home
</title>
<base
href="/weather-app/"
/>
<meta
content="width=device-width, initial-scale=1"
name="viewport"
/>
<link
href="assets/images/logo.png"
rel="icon"
type="image/x-icon"
/>
<link
crossorigin="anonymous"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
rel="stylesheet"
/>
<link
href="styles.c12119d1314d7416.css"
media="all"
onload="this.media='all'"
rel="stylesheet"
/>
<noscript>
<link rel="stylesheet" href="styles.c12119d1314d7416.css">
</noscript>
</head>
<body>
<app-root
_nghost-ng-c1411836129=""
ng-version="17.3.10"
>
<div
_ngcontent-ng-c1411836129=""
>
<nav
_ngcontent-ng-c1411836129=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
>
<div
_ngcontent-ng-c1411836129=""
class="container"
>
<a
_ngcontent-ng-c1411836129=""
class="navbar-brand"
href="#"
>
<img
_ngcontent-ng-c1411836129=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/>
</a>
<div
_ngcontent-ng-c1411836129=""
class="collapse navbar-collapse"
id="navbarSupportedContent"
>
<ul
_ngcontent-ng-c1411836129=""
class="navbar-nav me-auto"
>
<li
_ngcontent-ng-c1411836129=""
class="nav-item"
>
<a
_ngcontent-ng-c1411836129=""
aria-current="page"
class="nav-link active"
href="#"
>
Home
</a>
</li>
</ul>
</div>
</div>
</nav>
<div
_ngcontent-ng-c1411836129=""
class="mt-3 p-2"
>
<router-outlet
_ngcontent-ng-c1411836129=""
/>
<app-weather
_nghost-ng-c417082667=""
>
<main
_ngcontent-ng-c417082667=""
>
<div
_ngcontent-ng-c417082667=""
class="container"
>
<h1
_ngcontent-ng-c417082667=""
class="display-2"
data-testid="app-title"
>
Welcome to
<span
_ngcontent-ng-c417082667=""
class="text-primary"
>
Weather App
</span>
</h1>
<img
_ngcontent-ng-c417082667=""
alt="weather illustration"
aria-hidden="true"
class="h-32px m-16px w-32px"
fetchpriority="auto"
height="167"
loading="lazy"
ng-img="true"
ngsrc="assets/images/weather.jpg"
src="assets/images/weather.jpg"
width="302"
/>
<div
_ngcontent-ng-c417082667=""
class="landing-view"
>
<button
_ngcontent-ng-c417082667=""
class="btn btn-primary col-auto"
data-testid="start-button"
type="button"
>
Get started
</button>
</div>
</div>
</main>
</app-weather>
</div>
</div>
</app-root>
</body>
</html>
at Context.eval (webpack://@uuv/cypress/./src/cucumber/step_definitions/cypress/_.common.ts:73:0)
Check failure on line 0 in packages/runner-cypress/reports/e2e/junit-report.xml
github-actions / Report - Unit Tests - Cypress
Ko ► Radio button - Ko checked ► Ko Radio button - Ko checked
Failed test found in:
packages/runner-cypress/reports/e2e/junit-report.xml
Error:
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "radio" and name "Medium (150000 to 1 million)"
Raw output
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "radio" and name "Medium (150000 to 1 million)"
Here are the accessible roles:
document:
Name "":
<html
data-critters-container=""
lang="en"
/>
--------------------------------------------------
navigation:
Name "":
<nav
_ngcontent-ng-c1411836129=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
/>
--------------------------------------------------
link:
Name "Weather App's Logo":
<a
_ngcontent-ng-c1411836129=""
class="navbar-brand"
href="#"
/>
Name "Home":
<a
_ngcontent-ng-c1411836129=""
aria-current="page"
class="nav-link active"
href="#"
/>
--------------------------------------------------
img:
Name "Weather App's Logo":
<img
_ngcontent-ng-c1411836129=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/>
--------------------------------------------------
list:
Name "":
<ul
_ngcontent-ng-c1411836129=""
class="navbar-nav me-auto"
/>
--------------------------------------------------
listitem:
Name "":
<li
_ngcontent-ng-c1411836129=""
class="nav-item"
/>
--------------------------------------------------
main:
Name "":
<main
_ngcontent-ng-c417082667=""
/>
--------------------------------------------------
heading:
Name "Welcome to Weather App":
<h1
_ngcontent-ng-c417082667=""
class="display-2"
data-testid="app-title"
/>
--------------------------------------------------
button:
Name "Get started":
<button
_ngcontent-ng-c417082667=""
class="btn btn-primary col-auto"
data-testid="start-button"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<html
data-critters-container=""
lang="en"
>
<head>
<meta
charset="utf-8"
/>
<title>
home
</title>
<base
href="/weather-app/"
/>
<meta
content="width=device-width, initial-scale=1"
name="viewport"
/>
<link
href="assets/images/logo.png"
rel="icon"
type="image/x-icon"
/>
<link
crossorigin="anonymous"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
rel="stylesheet"
/>
<link
href="styles.c12119d1314d7416.css"
media="all"
onload="this.media='all'"
rel="stylesheet"
/>
<noscript>
<link rel="stylesheet" href="styles.c12119d1314d7416.css">
</noscript>
</head>
<body>
<app-root
_nghost-ng-c1411836129=""
ng-version="17.3.10"
>
<div
_ngcontent-ng-c1411836129=""
>
<nav
_ngcontent-ng-c1411836129=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
>
<div
_ngcontent-ng-c1411836129=""
class="container"
>
<a
_ngcontent-ng-c1411836129=""
class="navbar-brand"
href="#"
>
<img
_ngcontent-ng-c1411836129=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/>
</a>
<div
_ngcontent-ng-c1411836129=""
class="collapse navbar-collapse"
id="navbarSupportedContent"
>
<ul
_ngcontent-ng-c1411836129=""
class="navbar-nav me-auto"
>
<li
_ngcontent-ng-c1411836129=""
class="nav-item"
>
<a
_ngcontent-ng-c1411836129=""
aria-current="page"
class="nav-link active"
href="#"
>
Home
</a>
</li>
</ul>
</div>
</div>
</nav>
<div
_ngcontent-ng-c1411836129=""
class="mt-3 p-2"
>
<router-outlet
_ngcontent-ng-c1411836129=""
/>
<app-weather
_nghost-ng-c417082667=""
>
<main
_ngcontent-ng-c417082667=""
>
<div
_ngcontent-ng-c417082667=""
class="container"
>
<h1
_ngcontent-ng-c417082667=""
class="display-2"
data-testid="app-title"
>
Welcome to
<span
_ngcontent-ng-c417082667=""
class="text-primary"
>
Weather App
</span>
</h1>
<img
_ngcontent-ng-c417082667=""
alt="weather illustration"
aria-hidden="true"
class="h-32px m-16px w-32px"
fetchpriority="auto"
height="167"
loading="lazy"
ng-img="true"
ngsrc="assets/images/weather.jpg"
src="assets/images/weather.jpg"
width="302"
/>
<div
_ngcontent-ng-c417082667=""
class="landing-view"
>
<button
_ngcontent-ng-c417082667=""
class="btn btn-primary col-auto"
data-testid="start-button"
type="button"
>
Get started
</button>
</div>
</div>
</main>
</app-weather>
</div>
</div>
</app-root>
</body>
</html>
at Context.eval (webpack://@uuv/cypress/./src/cucumber/step_definitions/cypress/_.common.ts:73:0)
Check failure on line 0 in packages/runner-cypress/reports/e2e/junit-report.xml
github-actions / Report - Unit Tests - Cypress
Ko ► Checkbox - Ko unchecked ► Ko Checkbox - Ko unchecked
Failed test found in:
packages/runner-cypress/reports/e2e/junit-report.xml
Error:
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "checkbox" and name "Allow automatic update"
Raw output
AssertionError: Timed out retrying after 6000ms: Unable to find an accessible element with the role "checkbox" and name "Allow automatic update"
Here are the accessible roles:
document:
Name "":
<html
data-critters-container=""
lang="en"
/>
--------------------------------------------------
navigation:
Name "":
<nav
_ngcontent-ng-c1411836129=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
/>
--------------------------------------------------
link:
Name "Weather App's Logo":
<a
_ngcontent-ng-c1411836129=""
class="navbar-brand"
href="#"
/>
Name "Home":
<a
_ngcontent-ng-c1411836129=""
aria-current="page"
class="nav-link active"
href="#"
/>
--------------------------------------------------
img:
Name "Weather App's Logo":
<img
_ngcontent-ng-c1411836129=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/>
--------------------------------------------------
list:
Name "":
<ul
_ngcontent-ng-c1411836129=""
class="navbar-nav me-auto"
/>
--------------------------------------------------
listitem:
Name "":
<li
_ngcontent-ng-c1411836129=""
class="nav-item"
/>
--------------------------------------------------
main:
Name "":
<main
_ngcontent-ng-c417082667=""
/>
--------------------------------------------------
heading:
Name "Welcome to Weather App":
<h1
_ngcontent-ng-c417082667=""
class="display-2"
data-testid="app-title"
/>
--------------------------------------------------
button:
Name "Get started":
<button
_ngcontent-ng-c417082667=""
class="btn btn-primary col-auto"
data-testid="start-button"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<html
data-critters-container=""
lang="en"
>
<head>
<meta
charset="utf-8"
/>
<title>
home
</title>
<base
href="/weather-app/"
/>
<meta
content="width=device-width, initial-scale=1"
name="viewport"
/>
<link
href="assets/images/logo.png"
rel="icon"
type="image/x-icon"
/>
<link
crossorigin="anonymous"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
rel="stylesheet"
/>
<link
href="styles.c12119d1314d7416.css"
media="all"
onload="this.media='all'"
rel="stylesheet"
/>
<noscript>
<link rel="stylesheet" href="styles.c12119d1314d7416.css">
</noscript>
</head>
<body>
<app-root
_nghost-ng-c1411836129=""
ng-version="17.3.10"
>
<div
_ngcontent-ng-c1411836129=""
>
<nav
_ngcontent-ng-c1411836129=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
>
<div
_ngcontent-ng-c1411836129=""
class="container"
>
<a
_ngcontent-ng-c1411836129=""
class="navbar-brand"
href="#"
>
<img
_ngcontent-ng-c1411836129=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/>
</a>
<div
_ngcontent-ng-c1411836129=""
class="collapse navbar-collapse"
id="navbarSupportedContent"
>
<ul
_ngcontent-ng-c1411836129=""
class="navbar-nav me-auto"
>
<li
_ngcontent-ng-c1411836129=""
class="nav-item"
>
<a
_ngcontent-ng-c1411836129=""
aria-current="page"
class="nav-link active"
href="#"
>
Home
</a>
</li>
</ul>
</div>
</div>
</nav>
<div
_ngcontent-ng-c1411836129=""
class="mt-3 p-2"
>
<router-outlet
_ngcontent-ng-c1411836129=""
/>
<app-weather
_nghost-ng-c417082667=""
>
<main
_ngcontent-ng-c417082667=""
>
<div
_ngcontent-ng-c417082667=""
class="container"
>
<h1
_ngcontent-ng-c417082667=""
class="display-2"
data-testid="app-title"
>
Welcome to
<span
_ngcontent-ng-c417082667=""
class="text-primary"
>
Weather App
</span>
</h1>
<img
_ngcontent-ng-c417082667=""
alt="weather illustration"
aria-hidden="true"
class="h-32px m-16px w-32px"
fetchpriority="auto"
height="167"
loading="lazy"
ng-img="true"
ngsrc="assets/images/weather.jpg"
src="assets/images/weather.jpg"
width="302"
/>
<div
_ngcontent-ng-c417082667=""
class="landing-view"
>
<button
_ngcontent-ng-c417082667=""
class="btn btn-primary col-auto"
data-testid="start-button"
type="button"
>
Get started
</button>
</div>
</div>
</main>
</app-weather>
</div>
</div>
</app-root>
</body>
</html>
at Context.eval (webpack://@uuv/cypress/./src/cucumber/step_definitions/cypress/_.common.ts:73:0)
Check failure on line 0 in packages/runner-cypress/reports/e2e/junit-report.xml
github-actions / Report - Unit Tests - Cypress
Ko ► Checkbox - Ko checked ► Ko Checkbox - Ko checked
Failed test found in:
packages/runner-cypress/reports/e2e/junit-report.xml
Error:
AssertionError: Timed out retrying after 4000ms: Unable to find an accessible element with the role "checkbox" and name "Allow automatic update"
Raw output
AssertionError: Timed out retrying after 4000ms: Unable to find an accessible element with the role "checkbox" and name "Allow automatic update"
Here are the accessible roles:
document:
Name "":
<html
data-critters-container=""
lang="en"
/>
--------------------------------------------------
navigation:
Name "":
<nav
_ngcontent-ng-c1411836129=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
/>
--------------------------------------------------
link:
Name "Weather App's Logo":
<a
_ngcontent-ng-c1411836129=""
class="navbar-brand"
href="#"
/>
Name "Home":
<a
_ngcontent-ng-c1411836129=""
aria-current="page"
class="nav-link active"
href="#"
/>
--------------------------------------------------
img:
Name "Weather App's Logo":
<img
_ngcontent-ng-c1411836129=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/>
--------------------------------------------------
list:
Name "":
<ul
_ngcontent-ng-c1411836129=""
class="navbar-nav me-auto"
/>
--------------------------------------------------
listitem:
Name "":
<li
_ngcontent-ng-c1411836129=""
class="nav-item"
/>
--------------------------------------------------
main:
Name "":
<main
_ngcontent-ng-c417082667=""
/>
--------------------------------------------------
heading:
Name "Welcome to Weather App":
<h1
_ngcontent-ng-c417082667=""
class="display-2"
data-testid="app-title"
/>
--------------------------------------------------
button:
Name "Get started":
<button
_ngcontent-ng-c417082667=""
class="btn btn-primary col-auto"
data-testid="start-button"
type="button"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<html
data-critters-container=""
lang="en"
>
<head>
<meta
charset="utf-8"
/>
<title>
home
</title>
<base
href="/weather-app/"
/>
<meta
content="width=device-width, initial-scale=1"
name="viewport"
/>
<link
href="assets/images/logo.png"
rel="icon"
type="image/x-icon"
/>
<link
crossorigin="anonymous"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
rel="stylesheet"
/>
<link
href="styles.c12119d1314d7416.css"
media="all"
onload="this.media='all'"
rel="stylesheet"
/>
<noscript>
<link rel="stylesheet" href="styles.c12119d1314d7416.css">
</noscript>
</head>
<body>
<app-root
_nghost-ng-c1411836129=""
ng-version="17.3.10"
>
<div
_ngcontent-ng-c1411836129=""
>
<nav
_ngcontent-ng-c1411836129=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
>
<div
_ngcontent-ng-c1411836129=""
class="container"
>
<a
_ngcontent-ng-c1411836129=""
class="navbar-brand"
href="#"
>
<img
_ngcontent-ng-c1411836129=""
alt="Weather App's Logo"
height="50"
loading="lazy"
role="img"
src="./assets/images/logo.png"
width="50"
/>
</a>
<div
_ngcontent-ng-c1411836129=""
class="collapse navbar-collapse"
id="navbarSupportedContent"
>
<ul
_ngcontent-ng-c1411836129=""
class="navbar-nav me-auto"
>
<li
_ngcontent-ng-c1411836129=""
class="nav-item"
>
<a
_ngcontent-ng-c1411836129=""
aria-current="page"
class="nav-link active"
href="#"
>
Home
</a>
</li>
</ul>
</div>
</div>
</nav>
<div
_ngcontent-ng-c1411836129=""
class="mt-3 p-2"
>
<router-outlet
_ngcontent-ng-c1411836129=""
/>
<app-weather
_nghost-ng-c417082667=""
>
<main
_ngcontent-ng-c417082667=""
>
<div
_ngcontent-ng-c417082667=""
class="container"
>
<h1
_ngcontent-ng-c417082667=""
class="display-2"
data-testid="app-title"
>
Welcome to
<span
_ngcontent-ng-c417082667=""
class="text-primary"
>
Weather App
</span>
</h1>
<img
_ngcontent-ng-c417082667=""
alt="weather illustration"
aria-hidden="true"
class="h-32px m-16px w-32px"
fetchpriority="auto"
height="167"
loading="lazy"
ng-img="true"
ngsrc="assets/images/weather.jpg"
src="assets/images/weather.jpg"
width="302"
/>
<div
_ngcontent-ng-c417082667=""
class="landing-view"
>
<button
_ngcontent-ng-c417082667=""
class="btn btn-primary col-auto"
data-testid="start-button"
type="button"
>
Get started
</button>
</div>
</div>
</main>
</app-weather>
</div>
</div>
</app-root>
</body>
</html>
at Context.eval (webpack://@uuv/cypress/./src/cucumber/step_definitions/cypress/generated/_en-generated-cucumber-steps-definition.ts:492:0)
Loading