Feature: First test
File name: first-test.feature
Relative path: e2e/first-test.feature
When
I visit path "https://e2e-test-quest.github.io/weather-app/"
Then
I should see a title named "Welcome to Weather App - Testing means doubting"
+ Show Error
+ Screenshot
Timed out retrying after 6000ms: Unable to find an accessible element with the role "heading" and name "Welcome to Weather App - Testing means doubting"
Here are the accessible roles:
document:
Name "":
(html
data-critters-container=""
lang="en"
/)
--------------------------------------------------
navigation:
Name "":
(nav
_ngcontent-ng-c199839890=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
role="navigation"
/)
--------------------------------------------------
link:
Name "Weather App's Logo":
(a
_ngcontent-ng-c199839890=""
class="navbar-brand"
href="#"
/)
Name "Home":
(a
_ngcontent-ng-c199839890=""
aria-current="page"
class="nav-link active"
href="#"
/)
--------------------------------------------------
img:
Name "Weather App's Logo":
(img
_ngcontent-ng-c199839890=""
alt="Weather App's Logo"
fetchpriority="auto"
height="50"
loading="lazy"
ng-img="true"
ngsrc="images/logo.png"
role="img"
src="images/logo.png"
width="50"
/)
--------------------------------------------------
list:
Name "":
(ul
_ngcontent-ng-c199839890=""
class="navbar-nav me-auto"
/)
--------------------------------------------------
listitem:
Name "":
(li
_ngcontent-ng-c199839890=""
class="nav-item"
/)
--------------------------------------------------
main:
Name "":
(main
_ngcontent-ng-c199839890=""
class="mt-3 p-2 container"
role="main"
/)
--------------------------------------------------
heading:
Name "Welcome to Weather App":
(h1
_ngcontent-ng-c2768753412=""
class="display-2"
data-testid="app-title"
/)
--------------------------------------------------
button:
Name "Get started":
(button
_ngcontent-ng-c2768753412=""
class="btn btn-primary col-auto"
data-testid="start-button"
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="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-5INURTSO.css"
rel="stylesheet"
/)
(/head)
(body)
(app-root
_nghost-ng-c199839890=""
ng-version="18.2.9"
)
(div
_ngcontent-ng-c199839890=""
)
(nav
_ngcontent-ng-c199839890=""
class="navbar navbar-expand-lg navbar-dark bg-dark"
role="navigation"
)
(div
_ngcontent-ng-c199839890=""
class="container"
)
(a
_ngcontent-ng-c199839890=""
class="navbar-brand"
href="#"
)
(img
_ngcontent-ng-c199839890=""
alt="Weather App's Logo"
fetchpriority="auto"
height="50"
loading="lazy"
ng-img="true"
ngsrc="images/logo.png"
role="img"
src="images/logo.png"
width="50"
/)
(/a)
(div
_ngcontent-ng-c199839890=""
class="collapse navbar-collapse"
id="navbarSupportedContent"
)
(ul
_ngcontent-ng-c199839890=""
class="navbar-nav me-auto"
)
(li
_ngcontent-ng-c199839890=""
class="nav-item"
)
(a
_ngcontent-ng-c199839890=""
aria-current="page"
class="nav-link active"
href="#"
)
Home
(/a)
(/li)
(/ul)
(/div)
(/div)
(/nav)
(main
_ngcontent-ng-c199839890=""
class="mt-3 p-2 container"
role="main"
)
(router-outlet
_ngcontent-ng-c199839890=""
/)
(app-home
_nghost-ng-c249959605=""
)
(app-get-started
_ngcontent-ng-c249959605=""
_nghost-ng-c2768753412=""
)
(h1
_ngcontent-ng-c2768753412=""
class="display-2"
data-testid="app-title"
)
Welcome to
(span
_ngcontent-ng-c2768753412=""
class="text-primary"
)
Weather App
(/span)
(/h1)
(img
_ngcontent-ng-c2768753412=""
alt=""
aria-hidden="true"
class="h-32px m-16px w-32px"
fetchpriority="auto"
height="167"
loading="lazy"
ng-img="true"
ngsrc="images/weather.jpg"
src="images/weather.jpg"
width="302"
/)
(div
_ngcontent-ng-c2768753412=""
class="landing-view"
)
(button
_ngcontent-ng-c2768753412=""
class="btn btn-primary col-auto"
data-testid="start-button"
tabindex="0"
)
Get started
(/button)
(/div)
(/app-get-started)
(/app-home)
(/main)
(/div)
(/app-root)
(/body)
(/html)
