Skip to content
UUV CI

fix: consider timeout for type and click sentence, #761 #5394

Sign in to view logs

fix: consider timeout for type and click sentence, #761

fix: consider timeout for type and click sentence, #761 #5394

GitHub Actions / Report - Unit Tests - Cypress succeeded Aug 29, 2024 in 0s

Report - Unit Tests - Cypress ✅

Tests failed

❌ packages/runner-cypress/reports/e2e/junit-report.xml

116 tests were completed in 48s with 107 passed, 9 failed and 0 skipped.

Test suite Passed Failed Skipped Time
a11y 12✅ 3s
accessibility keys 2✅ 2s
Accessibility Step Definition 0ms
Action 5✅ 1s
Aria label 4✅ 592ms
Attributes 2✅ 239ms
Checkable components 4✅ 2s
Composants cochable 4✅ 2s
Content 2✅ 248ms
Dictionnaire français de phrases de base utilisant cypress 0ms
English Test Step Definition 21✅ 4s
English Test Step Definition async 3✅ 801ms
French Test Step Definition 3✅ 884ms
Keyboard Navigation 6✅ 5s
Keyboard Navigation - Long 6✅ 6s
Ko 1✅ 8❌ 48s
Navigation au clavier 6✅ 5s
Navigation au clavier - Longue 6✅ 6s
Other 1✅ 361ms
phrases enrichies 0ms
Référentiel RGAA 2✅ 3s
RGAA Reference 2✅ 5s
role, name or content 5✅ 693ms
Role, name or content 6✅ 774ms
Root Suite 0ms
TestId 2✅ 248ms
Timeout 1❌ 5s
touches d'accessibilité 2✅ 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 6000ms: Unable to find an accessible element with the role "checkbox" and name "Allow automatic update"
click failed with custom timeout
  ❌ Ko click failed with custom timeout
	TypeError: Cannot set property message of [object DOMException] which has only a getter

✅ 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

✅ 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

❌ Timeout

"before all" hook for "Click success with custom timeout"
  ❌ Timeout "before all" hook for "Click success with custom timeout"
	CypressError: `cy.task('cypress-cucumber-preprocessor:spec-envelopes')` failed with the following error:

✅ 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

Annotations

Check failure on line 0 in packages/runner-cypress/reports/e2e/junit-report.xml

See this annotation in the file changed.

@github-actions 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>
      &lt;link rel="stylesheet" href="styles.c12119d1314d7416.css"&gt;
    </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

See this annotation in the file changed.

@github-actions 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>
      &lt;link rel="stylesheet" href="styles.c12119d1314d7416.css"&gt;
    </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

See this annotation in the file changed.

@github-actions 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:132622:66)
    at $Cy.getAlias (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:132565:12)
    at waitForXhr (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:135708:23)
    at <unknown> (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:135811: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

See this annotation in the file changed.

@github-actions 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>
      &lt;link rel="stylesheet" href="styles.c12119d1314d7416.css"&gt;
    </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

See this annotation in the file changed.

@github-actions 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>
      &lt;link rel="stylesheet" href="styles.c12119d1314d7416.css"&gt;
    </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

See this annotation in the file changed.

@github-actions 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>
      &lt;link rel="stylesheet" href="styles.c12119d1314d7416.css"&gt;
    </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

See this annotation in the file changed.

@github-actions 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 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>
      &lt;link rel="stylesheet" href="styles.c12119d1314d7416.css"&gt;
    </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)

Check failure on line 0 in packages/runner-cypress/reports/e2e/junit-report.xml

See this annotation in the file changed.

@github-actions github-actions / Report - Unit Tests - Cypress

Ko ► click failed with custom timeout ► Ko click failed with custom timeout 

Failed test found in:
  packages/runner-cypress/reports/e2e/junit-report.xml
Error:
  TypeError: Cannot set property message of [object DOMException] which has only a getter
Raw output 
TypeError: Cannot set property message of [object DOMException] which has only a getter
    at modifyErrMsg (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:75900:15)
    at $Cy.retry (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:143949:29)
    at onFailFn (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:143516:21)
    at $Cy.verifyUpcomingAssertions (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:143524:18)
    at onRetry (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:144174:15)
    at tryCatcher (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:1807:23)
    at Promise.attempt.Promise.try (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:4315:29)
    at whenStable (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:144061:68)
    at <unknown> (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:144002:14)
    at tryCatcher (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:1807:23)
    at Promise._settlePromiseFromHandler (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:1519:31)
    at Promise._settlePromise (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:1576:18)
    at Promise._settlePromise0 (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:1621:10)
    at Promise._settlePromises (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:1701:18)
    at Promise._fulfill (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:1645:18)
    at <unknown> (https://e2e-test-quest.github.io/__cypress/runner/cypress_runner.js:5450:46)

Check failure on line 0 in packages/runner-cypress/reports/e2e/junit-report.xml

See this annotation in the file changed.

@github-actions github-actions / Report - Unit Tests - Cypress

Timeout ► "before all" hook for "Click success with custom timeout" ► Timeout "before all" hook for "Click success with custom timeout" 

Failed test found in:
  packages/runner-cypress/reports/e2e/junit-report.xml
Error:
  CypressError: `cy.task('cypress-cucumber-preprocessor:spec-envelopes')` failed with the following error:
Raw output 
CypressError: `cy.task('cypress-cucumber-preprocessor:spec-envelopes')` failed with the following error:

> Unexpected state in specEnvelopesHandler: step-started. This almost always means that you or some other plugin, are overwriting this plugin's event handlers. For more information & workarounds, see https://github.com/badeball/cypress-cucumber-preprocessor/blob/master/docs/event-handlers.md (if neither workaround work, please report at https://github.com/badeball/cypress-cucumber-preprocessor)

https://on.cypress.io/api/task

Because this error occurred during a `before all` hook we are skipping the remaining tests in the current suite: `Timeout`
    at <unknown> (https://vclock.com/__cypress/runner/cypress_runner.js:135440:70)
    at tryCatcher (https://vclock.com/__cypress/runner/cypress_runner.js:1807:23)
    at Promise._settlePromiseFromHandler (https://vclock.com/__cypress/runner/cypress_runner.js:1519:31)
    at Promise._settlePromise (https://vclock.com/__cypress/runner/cypress_runner.js:1576:18)
    at Promise._settlePromise0 (https://vclock.com/__cypress/runner/cypress_runner.js:1621:10)
    at Promise._settlePromises (https://vclock.com/__cypress/runner/cypress_runner.js:1697:18)
    at _drainQueueStep (https://vclock.com/__cypress/runner/cypress_runner.js:2407:12)
    at _drainQueue (https://vclock.com/__cypress/runner/cypress_runner.js:2400:9)
    at Async._drainQueues (https://vclock.com/__cypress/runner/cypress_runner.js:2416:5)
    at Async.drainQueues (https://vclock.com/__cypress/runner/cypress_runner.js:2286:14)
From Your Spec Code:
    at taskSpecEnvelopes (webpack://@uuv/cypress/../../node_modules/@badeball/cypress-cucumber-preprocessor/dist/browser-runtime.js:66:0)
    at Context.beforeHandler (webpack://@uuv/cypress/../../node_modules/@badeball/cypress-cucumber-preprocessor/dist/browser-runtime.js:561:0)
    at Context.eval (webpack://@uuv/cypress/../../node_modules/@badeball/cypress-cucumber-preprocessor/dist/browser-runtime.js:198:0)

From Node.js Internals:
  Error: Unexpected state in specEnvelopesHandler: step-started. This almost always means that you or some other plugin, are overwriting this plugin's event handlers. For more information & workarounds, see https://github.com/badeball/cypress-cucumber-preprocessor/blob/master/docs/event-handlers.md (if neither workaround work, please report at https://github.com/badeball/cypress-cucumber-preprocessor)
      at createStateError (/__w/uuv/uuv/node_modules/@badeball/cypress-cucumber-preprocessor/dist/plugin-event-handlers.js:83:58)
      at specEnvelopesHandler (/__w/uuv/uuv/node_modules/@badeball/cypress-cucumber-preprocessor/dist/plugin-event-handlers.js:392:19)
      at invoke (/github/home/.cache/Cypress/13.13.3/Cypress/resources/app/node_modules/@packages/server/lib/plugins/child/run_plugins.js:248:16)
      at <unknown> (/github/home/.cache/Cypress/13.13.3/Cypress/resources/app/node_modules/@packages/server/lib/plugins/util.js:59:14)
      at tryCatcher (/github/home/.cache/Cypress/13.13.3/Cypress/resources/app/node_modules/bluebird/js/release/util.js:16:23)
      at Function.Promise.attempt.Promise.try (/github/home/.cache/Cypress/13.13.3/Cypress/resources/app/node_modules/bluebird/js/release/method.js:39:29)
      at Object.wrapChildPromise (/github/home/.cache/Cypress/13.13.3/Cypress/resources/app/node_modules/@packages/server/lib/plugins/util.js:58:23)
      at RunPlugins.taskExecute (/github/home/.cache/Cypress/13.13.3/Cypress/resources/app/node_modules/@packages/server/lib/plugins/child/run_plugins.js:254:10)
      at RunPlugins.execute (/github/home/.cache/Cypress/13.13.3/Cypress/resources/app/node_modules/@packages/server/lib/plugins/child/run_plugins.js:166:21)
      at EventEmitter.<anonymous> (/github/home/.cache/Cypress/13.13.3/Cypress/resources/app/node_modules/@packages/server/lib/plugins/child/run_plugins.js:56:12)
      at EventEmitter.emit (node:events:514:28)
      at EventEmitter.emit (node:domain:488:12)
      at process.<anonymous> (/github/home/.cache/Cypress/13.13.3/Cypress/resources/app/node_modules/@packages/server/lib/plugins/util.js:33:22)
      at process.emit (node:events:514:28)
      at process.emit (node:domain:488:12)
      at process.emit.sharedData.processEmitHook.installedValue [as emit] (/github/home/.cache/Cypress/13.13.3/Cypress/resources/app/node_modules/@cspotcode/source-map-support/source-map-support.js:745:40)
      at emit (node:internal/child_process:951:14)
      at processTicksAndRejections (node:internal/process/task_queues:83:21)
View more details on GitHub Actions