mirror of https://github.com/Ombi-app/Ombi
Merge pull request #4099 from Ombi-app/feature/ui-automation
Feature/UI automationpull/4104/head v4.0.1222
Jamie
4 years ago
committed by
GitHub
commit
eba4ecd509
@ -0,0 +1,57 @@
|
||||
name: Automation Tests
|
||||
|
||||
on:
|
||||
push:
|
||||
branches: [ feature/ui-automation, develop ]
|
||||
pull_request:
|
||||
branches: [ feature/ui-automation, develop ]
|
||||
schedule:
|
||||
- cron: '0 0 * * *'
|
||||
|
||||
jobs:
|
||||
automation-tests:
|
||||
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- uses: actions/checkout@v2
|
||||
- name: Setup .NET
|
||||
uses: actions/setup-dotnet@v1
|
||||
with:
|
||||
dotnet-version: 5.0.x
|
||||
- uses: actions/setup-node@v2
|
||||
with:
|
||||
node-version: '14'
|
||||
|
||||
- uses: actions/cache@v2
|
||||
with:
|
||||
path: |
|
||||
'**/node_modules'
|
||||
'/home/runner/.cache/Cypress'
|
||||
key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
|
||||
|
||||
- name: Install Frontend Deps
|
||||
run: yarn --cwd ./src/Ombi/ClientApp install
|
||||
|
||||
- name: Install Automation Deps
|
||||
run: yarn --cwd ./tests install
|
||||
|
||||
- name: Start Backend
|
||||
run: |
|
||||
nohup dotnet run -p ./src/Ombi -- --host http://*:3577 &
|
||||
- name: Start Frontend
|
||||
run: |
|
||||
nohup yarn --cwd ./src/Ombi/ClientApp start &
|
||||
- name: Cypress Tests
|
||||
uses: cypress-io/github-action@v2.8.2
|
||||
with:
|
||||
record: true
|
||||
browser: chrome
|
||||
headless: true
|
||||
working-directory: tests
|
||||
wait-on: http://localhost:3577/
|
||||
# 7 minutes
|
||||
wait-on-timeout: 420
|
||||
env:
|
||||
CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
@ -0,0 +1,15 @@
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
.idea
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
cypress/videos
|
||||
cypress/screenshots
|
||||
@ -0,0 +1,23 @@
|
||||
{
|
||||
"$schema": "https://on.cypress.io/cypress.schema.json",
|
||||
"supportFile": "cypress/support/index.ts",
|
||||
"baseUrl": "http://localhost:3577",
|
||||
"integrationFolder": "cypress/tests",
|
||||
"testFiles": "**/*.spec.ts*",
|
||||
"watchForFileChanges": true,
|
||||
"chromeWebSecurity": false,
|
||||
"viewportWidth": 2560,
|
||||
"viewportHeight": 1440,
|
||||
"retries": {
|
||||
"runMode": 2,
|
||||
"openMode": 1
|
||||
},
|
||||
"ignoreTestFiles": [
|
||||
"**/snapshots/*"
|
||||
],
|
||||
"env": {
|
||||
"username": "a",
|
||||
"password": "a"
|
||||
},
|
||||
"projectId": "o5451s"
|
||||
}
|
||||
@ -0,0 +1,20 @@
|
||||
{
|
||||
"$schema": "https://on.cypress.io/cypress.schema.json",
|
||||
"supportFile": "cypress/support/index.ts",
|
||||
"baseUrl": "https://app.ombi.io/",
|
||||
"integrationFolder": "cypress/tests",
|
||||
"testFiles": "**/*.spec.ts*",
|
||||
"retries": {
|
||||
"runMode": 2,
|
||||
"openMode": 1
|
||||
},
|
||||
"watchForFileChanges": true,
|
||||
"chromeWebSecurity": false,
|
||||
"viewportWidth": 2880,
|
||||
"viewportHeight": 2160,
|
||||
"ignoreTestFiles": ["**/snapshots/*"],
|
||||
"env": {
|
||||
"username": "beta",
|
||||
"password": "beta"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
{
|
||||
"$schema": "https://on.cypress.io/cypress.schema.json",
|
||||
"supportFile": "cypress/support/index.ts",
|
||||
"baseUrl": "http://localhost:3577",
|
||||
"integrationFolder": "cypress/tests",
|
||||
"testFiles": "**/*.spec.ts*",
|
||||
"retries": {
|
||||
"runMode": 2,
|
||||
"openMode": 1
|
||||
},
|
||||
"watchForFileChanges": true,
|
||||
"projectId": "o5451s",
|
||||
"viewportWidth": 2560,
|
||||
"viewportHeight": 1440,
|
||||
"chromeWebSecurity": false,
|
||||
"ignoreTestFiles": ["**/snapshots/*"],
|
||||
"reporter": "junit",
|
||||
"reporterOptions": {
|
||||
"mochaFile": "results/junit/regression-[hash].xml"
|
||||
},
|
||||
"env": {
|
||||
"username": "a",
|
||||
"password": "a"
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,12 @@
|
||||
[
|
||||
{
|
||||
"order": 6,
|
||||
"streamingProvider": "JamiesNetwork",
|
||||
"logo": "/hYrcCS72d2alfXdGS1QXNEvwYDY.jpg"
|
||||
},
|
||||
{
|
||||
"order": 3,
|
||||
"streamingProvider": "Super1",
|
||||
"logo": "/zLX0ExkHc8xJ9W4u9JgnldDQLKv.jpg"
|
||||
}
|
||||
]
|
||||
@ -0,0 +1,750 @@
|
||||
[
|
||||
{
|
||||
"title": "Game of Thrones",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2011-04-18T01:00:00",
|
||||
"network": "HBO",
|
||||
"networkId": null,
|
||||
"runtime": "60",
|
||||
"genre": null,
|
||||
"overview": "Seven noble families fight for control of the mythical land of Westeros. Friction between the houses leads to full-scale war. All while a very ancient evil awakens in the farthest north. Amidst the war, a neglected military order of misfits, the Night's Watch, is all that stands between the realms of men and icy horrors beyond.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "21:00",
|
||||
"rating": "9.10556",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=bjqEWgDVPe0",
|
||||
"homepage": "https://www.hbo.com/game-of-thrones",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 121361,
|
||||
"approved": true,
|
||||
"denied": false,
|
||||
"deniedReason": null,
|
||||
"requested": true,
|
||||
"requestId": 1,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt0944947",
|
||||
"theTvDbId": "121361",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "Breaking Bad",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2008-01-21T02:00:00",
|
||||
"network": "AMC",
|
||||
"networkId": null,
|
||||
"runtime": "45",
|
||||
"genre": null,
|
||||
"overview": "When Walter White, a New Mexico chemistry teacher, is diagnosed with Stage III cancer and given a prognosis of only two years left to live. He becomes filled with a sense of fearlessness and an unrelenting desire to secure his family's financial future at any cost as he enters the dangerous world of drugs and crime.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "21:00",
|
||||
"rating": "9.28991",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=XZ8daibM3AE",
|
||||
"homepage": "https://www.amc.com/shows/breaking-bad",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 81189,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt0903747",
|
||||
"theTvDbId": "81189",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "The Walking Dead",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "returning series",
|
||||
"firstAired": "2010-11-01T01:00:00",
|
||||
"network": "AMC",
|
||||
"networkId": null,
|
||||
"runtime": "42",
|
||||
"genre": null,
|
||||
"overview": "Sheriff's deputy Rick Grimes awakens from a coma to find a post-apocalyptic world dominated by flesh-eating zombies. He sets out to find his family and encounters many other survivors along the way.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "21:00",
|
||||
"rating": "8.18472269269855",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=R1v0uFms68U",
|
||||
"homepage": "https://www.amc.com/shows/the-walking-dead",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 153021,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt1520211",
|
||||
"theTvDbId": "153021",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "The Big Bang Theory",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2007-09-25T00:00:00",
|
||||
"network": "CBS",
|
||||
"networkId": null,
|
||||
"runtime": "25",
|
||||
"genre": null,
|
||||
"overview": "A woman who moves into an apartment across the hall from two brilliant but socially awkward physicists shows them how little they know about life outside of the laboratory.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "20:00",
|
||||
"rating": "8.14052",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=3g2yTcg1QFI",
|
||||
"homepage": "https://www.cbs.com/shows/big_bang_theory/",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 80379,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt0898266",
|
||||
"theTvDbId": "80379",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "Sherlock",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2010-07-25T20:00:00",
|
||||
"network": "BBC One",
|
||||
"networkId": null,
|
||||
"runtime": "90",
|
||||
"genre": null,
|
||||
"overview": "A modern update finds the famous sleuth and his doctor partner solving crime in 21st century London.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "21:00",
|
||||
"rating": "9.043281293560078",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=xK7S9mrFWL4",
|
||||
"homepage": "https://www.bbc.co.uk/programmes/b018ttws",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 176941,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt1475582",
|
||||
"theTvDbId": "176941",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "How I Met Your Mother",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2005-09-20T00:00:00",
|
||||
"network": "CBS",
|
||||
"networkId": null,
|
||||
"runtime": "22",
|
||||
"genre": null,
|
||||
"overview": "A father recounts to his children - through a series of flashbacks - the journey he and his four best friends took leading up to him meeting their mother.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "20:00",
|
||||
"rating": "8.24396",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=XgUmyAGwxgw",
|
||||
"homepage": "https://www.cbs.com/shows/how_i_met_your_mother/",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 75760,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt0460649",
|
||||
"theTvDbId": "75760",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "Dexter",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2006-10-02T01:00:00",
|
||||
"network": "Showtime",
|
||||
"networkId": null,
|
||||
"runtime": "50",
|
||||
"genre": null,
|
||||
"overview": "Dexter Morgan, a blood spatter pattern analyst for the Miami Metro Police also leads a secret life as a serial killer, hunting down criminals who have slipped through the cracks of justice.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "21:00",
|
||||
"rating": "8.56617",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=YQeUmSD1c3g",
|
||||
"homepage": "https://www.sho.com/dexter",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 79349,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt0773262",
|
||||
"theTvDbId": "79349",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "Friends",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "1994-09-23T00:00:00",
|
||||
"network": "NBC",
|
||||
"networkId": null,
|
||||
"runtime": "25",
|
||||
"genre": null,
|
||||
"overview": "The misadventures of a group of friends as they navigate the pitfalls of work, life and love in Manhattan.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "20:00",
|
||||
"rating": "8.72021",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=hDNNmeeJs1Q",
|
||||
"homepage": "",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 79168,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt0108778",
|
||||
"theTvDbId": "79168",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "Stranger Things",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "returning series",
|
||||
"firstAired": "2016-07-15T07:00:00",
|
||||
"network": "Netflix",
|
||||
"networkId": null,
|
||||
"runtime": "50",
|
||||
"genre": null,
|
||||
"overview": "When a young boy vanishes, a small town uncovers a mystery involving secret experiments, terrifying supernatural forces, and one strange little girl.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "03:00",
|
||||
"rating": "8.705786185554972",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=b9EkMc79ZSU",
|
||||
"homepage": "https://www.netflix.com/title/80057281",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 305288,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt4574334",
|
||||
"theTvDbId": "305288",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "Arrow",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2012-10-11T01:00:00",
|
||||
"network": "The CW",
|
||||
"networkId": null,
|
||||
"runtime": "42",
|
||||
"genre": null,
|
||||
"overview": "Spoiled billionaire playboy Oliver Queen is missing and presumed dead when his yacht is lost at sea. He returns five years later a changed man, determined to clean up the city as a hooded vigilante armed with a bow.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "21:00",
|
||||
"rating": "7.70376",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=hTv13EjlLNg",
|
||||
"homepage": "https://www.cwtv.com/shows/arrow",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 257655,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt2193021",
|
||||
"theTvDbId": "257655",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "Lost",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2004-09-23T01:00:00",
|
||||
"network": "ABC",
|
||||
"networkId": null,
|
||||
"runtime": "42",
|
||||
"genre": null,
|
||||
"overview": "Stripped of everything, the survivors of a horrific plane crash must work together to stay alive. But the island holds many secrets.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "21:00",
|
||||
"rating": "8.23659",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=72kQIIDBIUU",
|
||||
"homepage": "https://abc.go.com/shows/lost",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 73739,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt0411008",
|
||||
"theTvDbId": "73739",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "House",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2004-11-17T02:00:00",
|
||||
"network": "FOX",
|
||||
"networkId": null,
|
||||
"runtime": "45",
|
||||
"genre": null,
|
||||
"overview": "Dr. Gregory House is a maverick physician who is devoid of bedside manner. While his behavior can border on antisocial, Dr. House thrives on the challenge of solving the medical puzzles that other doctors give up on. Together with his hand-picked team of young medical experts, he'll do whatever it takes in the race against the clock to solve the case.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "21:00",
|
||||
"rating": "8.66596",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=MczMB8nU1sY",
|
||||
"homepage": "https://www.fox.com/house/index.htm",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 73255,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt0412142",
|
||||
"theTvDbId": "73255",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "Homeland",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2011-10-03T01:00:00",
|
||||
"network": "Showtime",
|
||||
"networkId": null,
|
||||
"runtime": "45",
|
||||
"genre": null,
|
||||
"overview": "CIA officer Carrie Mathison is tops in her field despite being bipolar, which makes her volatile and unpredictable. With the help of her long-time mentor Saul Berenson, Carrie fearlessly risks everything, including her personal well-being and even sanity, at every turn.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "21:00",
|
||||
"rating": "8.343610105492623",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=KyFmS3wRPCQ",
|
||||
"homepage": "https://www.sho.com/sho/homeland/home",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 247897,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt1796960",
|
||||
"theTvDbId": "247897",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "House of Cards",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2013-02-01T08:00:00",
|
||||
"network": "Netflix",
|
||||
"networkId": null,
|
||||
"runtime": "50",
|
||||
"genre": null,
|
||||
"overview": "Set in present day Washington, D.C., House of Cards is the story of Frank Underwood, a ruthless and cunning politician, and his wife Claire who will stop at nothing to conquer everything. This wicked political drama penetrates the shadowy world of greed, sex and corruption in modern D.C.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "03:00",
|
||||
"rating": "8.667647295881357",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=x1E8PSGcyqI",
|
||||
"homepage": "https://www.netflix.com/title/70178217",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 262980,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt1856010",
|
||||
"theTvDbId": "262980",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "Supernatural",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2005-09-14T00:00:00",
|
||||
"network": "The CW",
|
||||
"networkId": null,
|
||||
"runtime": "45",
|
||||
"genre": null,
|
||||
"overview": "When they were boys, Sam and Dean Winchester lost their mother to a mysterious and demonic supernatural force. Subsequently, their father raised them to be soldiers. He taught them about the paranormal evil that lives in the dark corners and on the back roads of America ... and he taught them how to kill it. Now, the Winchester brothers crisscross the country in their '67 Chevy Impala, battling every kind of supernatural threat they encounter along the way.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "20:00",
|
||||
"rating": "8.448307891123497",
|
||||
"siteRating": 0,
|
||||
"trailer": "",
|
||||
"homepage": "https://www.cwtv.com/shows/supernatural",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 78901,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt0460681",
|
||||
"theTvDbId": "78901",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "Fringe",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2008-09-10T01:00:00",
|
||||
"network": "FOX",
|
||||
"networkId": null,
|
||||
"runtime": "46",
|
||||
"genre": null,
|
||||
"overview": "FBI Special Agent Olivia Dunham, brilliant but formerly institutionalized scientist Walter Bishop and his scheming, reluctant son Peter uncover a deadly mystery involving a series of unbelievable events and realize they may be a part of a larger, more disturbing pattern that blurs the line between science fiction and technology.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "21:00",
|
||||
"rating": "8.697706364733797",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=29bSzbqZ3xE",
|
||||
"homepage": "https://www.fox.com/fringe",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 82066,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt1119644",
|
||||
"theTvDbId": "82066",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
},
|
||||
{
|
||||
"title": "Suits",
|
||||
"aliases": null,
|
||||
"banner": null,
|
||||
"seriesId": 0,
|
||||
"status": "ended",
|
||||
"firstAired": "2011-06-24T01:00:00",
|
||||
"network": "USA Network",
|
||||
"networkId": null,
|
||||
"runtime": "43",
|
||||
"genre": null,
|
||||
"overview": "College drop-out Mike Ross accidentally lands a job with one of New York's best legal closers, Harvey Specter. They soon become a winning team with Mike's raw talent and photographic memory, and Mike soon reminds Harvey of why he went into the field of law in the first place.",
|
||||
"lastUpdated": 0,
|
||||
"airsDayOfWeek": null,
|
||||
"airsTime": "21:00",
|
||||
"rating": "8.55011",
|
||||
"siteRating": 0,
|
||||
"trailer": "https://youtube.com/watch?v=2Q18TnxZxLI",
|
||||
"homepage": "https://www.usanetwork.com/suits",
|
||||
"seasonRequests": [],
|
||||
"requestAll": false,
|
||||
"firstSeason": false,
|
||||
"latestSeason": false,
|
||||
"fullyAvailable": false,
|
||||
"partlyAvailable": false,
|
||||
"type": 0,
|
||||
"backdropPath": null,
|
||||
"id": 247808,
|
||||
"approved": false,
|
||||
"denied": null,
|
||||
"deniedReason": null,
|
||||
"requested": false,
|
||||
"requestId": 0,
|
||||
"available": false,
|
||||
"plexUrl": null,
|
||||
"embyUrl": null,
|
||||
"jellyfinUrl": null,
|
||||
"quality": null,
|
||||
"imdbId": "tt1632701",
|
||||
"theTvDbId": "247808",
|
||||
"theMovieDbId": null,
|
||||
"subscribed": false,
|
||||
"showSubscribe": false
|
||||
}
|
||||
]
|
||||
@ -0,0 +1,5 @@
|
||||
{
|
||||
"name": "Using fixtures to represent data",
|
||||
"email": "hello@cypress.io",
|
||||
"body": "Fixtures are a great way to mock data for responses to routes"
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
{
|
||||
"allowNoPassword": false,
|
||||
"requireDigit": false,
|
||||
"requiredLength": 0,
|
||||
"requireLowercase": false,
|
||||
"requireNonAlphanumeric": false,
|
||||
"requireUppercase": false,
|
||||
"enableOAuth": true,
|
||||
"id": 14
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
{
|
||||
"enabled": false,
|
||||
"noticeEnabled": false,
|
||||
"noticeText": "Hey what's up!\n<br>\n<br>\nThe username and password is beta\n<br>\n<br>\nEnjoy!",
|
||||
"timeLimit": false,
|
||||
"startDateTime": "0001-01-01T00:00:00",
|
||||
"endDateTime": "0001-01-01T00:00:00",
|
||||
"expired": false,
|
||||
"id": 0
|
||||
}
|
||||
@ -0,0 +1,299 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Actions', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/actions')
|
||||
})
|
||||
|
||||
// https://on.cypress.io/interacting-with-elements
|
||||
|
||||
it('.type() - type into a DOM element', () => {
|
||||
// https://on.cypress.io/type
|
||||
cy.get('.action-email')
|
||||
.type('fake@email.com').should('have.value', 'fake@email.com')
|
||||
|
||||
// .type() with special character sequences
|
||||
.type('{leftarrow}{rightarrow}{uparrow}{downarrow}')
|
||||
.type('{del}{selectall}{backspace}')
|
||||
|
||||
// .type() with key modifiers
|
||||
.type('{alt}{option}') //these are equivalent
|
||||
.type('{ctrl}{control}') //these are equivalent
|
||||
.type('{meta}{command}{cmd}') //these are equivalent
|
||||
.type('{shift}')
|
||||
|
||||
// Delay each keypress by 0.1 sec
|
||||
.type('slow.typing@email.com', { delay: 100 })
|
||||
.should('have.value', 'slow.typing@email.com')
|
||||
|
||||
cy.get('.action-disabled')
|
||||
// Ignore error checking prior to type
|
||||
// like whether the input is visible or disabled
|
||||
.type('disabled error checking', { force: true })
|
||||
.should('have.value', 'disabled error checking')
|
||||
})
|
||||
|
||||
it('.focus() - focus on a DOM element', () => {
|
||||
// https://on.cypress.io/focus
|
||||
cy.get('.action-focus').focus()
|
||||
.should('have.class', 'focus')
|
||||
.prev().should('have.attr', 'style', 'color: orange;')
|
||||
})
|
||||
|
||||
it('.blur() - blur off a DOM element', () => {
|
||||
// https://on.cypress.io/blur
|
||||
cy.get('.action-blur').type('About to blur').blur()
|
||||
.should('have.class', 'error')
|
||||
.prev().should('have.attr', 'style', 'color: red;')
|
||||
})
|
||||
|
||||
it('.clear() - clears an input or textarea element', () => {
|
||||
// https://on.cypress.io/clear
|
||||
cy.get('.action-clear').type('Clear this text')
|
||||
.should('have.value', 'Clear this text')
|
||||
.clear()
|
||||
.should('have.value', '')
|
||||
})
|
||||
|
||||
it('.submit() - submit a form', () => {
|
||||
// https://on.cypress.io/submit
|
||||
cy.get('.action-form')
|
||||
.find('[type="text"]').type('HALFOFF')
|
||||
|
||||
cy.get('.action-form').submit()
|
||||
.next().should('contain', 'Your form has been submitted!')
|
||||
})
|
||||
|
||||
it('.click() - click on a DOM element', () => {
|
||||
// https://on.cypress.io/click
|
||||
cy.get('.action-btn').click()
|
||||
|
||||
// You can click on 9 specific positions of an element:
|
||||
// -----------------------------------
|
||||
// | topLeft top topRight |
|
||||
// | |
|
||||
// | |
|
||||
// | |
|
||||
// | left center right |
|
||||
// | |
|
||||
// | |
|
||||
// | |
|
||||
// | bottomLeft bottom bottomRight |
|
||||
// -----------------------------------
|
||||
|
||||
// clicking in the center of the element is the default
|
||||
cy.get('#action-canvas').click()
|
||||
|
||||
cy.get('#action-canvas').click('topLeft')
|
||||
cy.get('#action-canvas').click('top')
|
||||
cy.get('#action-canvas').click('topRight')
|
||||
cy.get('#action-canvas').click('left')
|
||||
cy.get('#action-canvas').click('right')
|
||||
cy.get('#action-canvas').click('bottomLeft')
|
||||
cy.get('#action-canvas').click('bottom')
|
||||
cy.get('#action-canvas').click('bottomRight')
|
||||
|
||||
// .click() accepts an x and y coordinate
|
||||
// that controls where the click occurs :)
|
||||
|
||||
cy.get('#action-canvas')
|
||||
.click(80, 75) // click 80px on x coord and 75px on y coord
|
||||
.click(170, 75)
|
||||
.click(80, 165)
|
||||
.click(100, 185)
|
||||
.click(125, 190)
|
||||
.click(150, 185)
|
||||
.click(170, 165)
|
||||
|
||||
// click multiple elements by passing multiple: true
|
||||
cy.get('.action-labels>.label').click({ multiple: true })
|
||||
|
||||
// Ignore error checking prior to clicking
|
||||
cy.get('.action-opacity>.btn').click({ force: true })
|
||||
})
|
||||
|
||||
it('.dblclick() - double click on a DOM element', () => {
|
||||
// https://on.cypress.io/dblclick
|
||||
|
||||
// Our app has a listener on 'dblclick' event in our 'scripts.js'
|
||||
// that hides the div and shows an input on double click
|
||||
cy.get('.action-div').dblclick().should('not.be.visible')
|
||||
cy.get('.action-input-hidden').should('be.visible')
|
||||
})
|
||||
|
||||
it('.rightclick() - right click on a DOM element', () => {
|
||||
// https://on.cypress.io/rightclick
|
||||
|
||||
// Our app has a listener on 'contextmenu' event in our 'scripts.js'
|
||||
// that hides the div and shows an input on right click
|
||||
cy.get('.rightclick-action-div').rightclick().should('not.be.visible')
|
||||
cy.get('.rightclick-action-input-hidden').should('be.visible')
|
||||
})
|
||||
|
||||
it('.check() - check a checkbox or radio element', () => {
|
||||
// https://on.cypress.io/check
|
||||
|
||||
// By default, .check() will check all
|
||||
// matching checkbox or radio elements in succession, one after another
|
||||
cy.get('.action-checkboxes [type="checkbox"]').not('[disabled]')
|
||||
.check().should('be.checked')
|
||||
|
||||
cy.get('.action-radios [type="radio"]').not('[disabled]')
|
||||
.check().should('be.checked')
|
||||
|
||||
// .check() accepts a value argument
|
||||
cy.get('.action-radios [type="radio"]')
|
||||
.check('radio1').should('be.checked')
|
||||
|
||||
// .check() accepts an array of values
|
||||
cy.get('.action-multiple-checkboxes [type="checkbox"]')
|
||||
.check(['checkbox1', 'checkbox2']).should('be.checked')
|
||||
|
||||
// Ignore error checking prior to checking
|
||||
cy.get('.action-checkboxes [disabled]')
|
||||
.check({ force: true }).should('be.checked')
|
||||
|
||||
cy.get('.action-radios [type="radio"]')
|
||||
.check('radio3', { force: true }).should('be.checked')
|
||||
})
|
||||
|
||||
it('.uncheck() - uncheck a checkbox element', () => {
|
||||
// https://on.cypress.io/uncheck
|
||||
|
||||
// By default, .uncheck() will uncheck all matching
|
||||
// checkbox elements in succession, one after another
|
||||
cy.get('.action-check [type="checkbox"]')
|
||||
.not('[disabled]')
|
||||
.uncheck().should('not.be.checked')
|
||||
|
||||
// .uncheck() accepts a value argument
|
||||
cy.get('.action-check [type="checkbox"]')
|
||||
.check('checkbox1')
|
||||
.uncheck('checkbox1').should('not.be.checked')
|
||||
|
||||
// .uncheck() accepts an array of values
|
||||
cy.get('.action-check [type="checkbox"]')
|
||||
.check(['checkbox1', 'checkbox3'])
|
||||
.uncheck(['checkbox1', 'checkbox3']).should('not.be.checked')
|
||||
|
||||
// Ignore error checking prior to unchecking
|
||||
cy.get('.action-check [disabled]')
|
||||
.uncheck({ force: true }).should('not.be.checked')
|
||||
})
|
||||
|
||||
it('.select() - select an option in a <select> element', () => {
|
||||
// https://on.cypress.io/select
|
||||
|
||||
// at first, no option should be selected
|
||||
cy.get('.action-select')
|
||||
.should('have.value', '--Select a fruit--')
|
||||
|
||||
// Select option(s) with matching text content
|
||||
cy.get('.action-select').select('apples')
|
||||
// confirm the apples were selected
|
||||
// note that each value starts with "fr-" in our HTML
|
||||
cy.get('.action-select').should('have.value', 'fr-apples')
|
||||
|
||||
cy.get('.action-select-multiple')
|
||||
.select(['apples', 'oranges', 'bananas'])
|
||||
// when getting multiple values, invoke "val" method first
|
||||
.invoke('val')
|
||||
.should('deep.equal', ['fr-apples', 'fr-oranges', 'fr-bananas'])
|
||||
|
||||
// Select option(s) with matching value
|
||||
cy.get('.action-select').select('fr-bananas')
|
||||
// can attach an assertion right away to the element
|
||||
.should('have.value', 'fr-bananas')
|
||||
|
||||
cy.get('.action-select-multiple')
|
||||
.select(['fr-apples', 'fr-oranges', 'fr-bananas'])
|
||||
.invoke('val')
|
||||
.should('deep.equal', ['fr-apples', 'fr-oranges', 'fr-bananas'])
|
||||
|
||||
// assert the selected values include oranges
|
||||
cy.get('.action-select-multiple')
|
||||
.invoke('val').should('include', 'fr-oranges')
|
||||
})
|
||||
|
||||
it('.scrollIntoView() - scroll an element into view', () => {
|
||||
// https://on.cypress.io/scrollintoview
|
||||
|
||||
// normally all of these buttons are hidden,
|
||||
// because they're not within
|
||||
// the viewable area of their parent
|
||||
// (we need to scroll to see them)
|
||||
cy.get('#scroll-horizontal button')
|
||||
.should('not.be.visible')
|
||||
|
||||
// scroll the button into view, as if the user had scrolled
|
||||
cy.get('#scroll-horizontal button').scrollIntoView()
|
||||
.should('be.visible')
|
||||
|
||||
cy.get('#scroll-vertical button')
|
||||
.should('not.be.visible')
|
||||
|
||||
// Cypress handles the scroll direction needed
|
||||
cy.get('#scroll-vertical button').scrollIntoView()
|
||||
.should('be.visible')
|
||||
|
||||
cy.get('#scroll-both button')
|
||||
.should('not.be.visible')
|
||||
|
||||
// Cypress knows to scroll to the right and down
|
||||
cy.get('#scroll-both button').scrollIntoView()
|
||||
.should('be.visible')
|
||||
})
|
||||
|
||||
it('.trigger() - trigger an event on a DOM element', () => {
|
||||
// https://on.cypress.io/trigger
|
||||
|
||||
// To interact with a range input (slider)
|
||||
// we need to set its value & trigger the
|
||||
// event to signal it changed
|
||||
|
||||
// Here, we invoke jQuery's val() method to set
|
||||
// the value and trigger the 'change' event
|
||||
cy.get('.trigger-input-range')
|
||||
.invoke('val', 25)
|
||||
.trigger('change')
|
||||
.get('input[type=range]').siblings('p')
|
||||
.should('have.text', '25')
|
||||
})
|
||||
|
||||
it('cy.scrollTo() - scroll the window or element to a position', () => {
|
||||
// https://on.cypress.io/scrollto
|
||||
|
||||
// You can scroll to 9 specific positions of an element:
|
||||
// -----------------------------------
|
||||
// | topLeft top topRight |
|
||||
// | |
|
||||
// | |
|
||||
// | |
|
||||
// | left center right |
|
||||
// | |
|
||||
// | |
|
||||
// | |
|
||||
// | bottomLeft bottom bottomRight |
|
||||
// -----------------------------------
|
||||
|
||||
// if you chain .scrollTo() off of cy, we will
|
||||
// scroll the entire window
|
||||
cy.scrollTo('bottom')
|
||||
|
||||
cy.get('#scrollable-horizontal').scrollTo('right')
|
||||
|
||||
// or you can scroll to a specific coordinate:
|
||||
// (x axis, y axis) in pixels
|
||||
cy.get('#scrollable-vertical').scrollTo(250, 250)
|
||||
|
||||
// or you can scroll to a specific percentage
|
||||
// of the (width, height) of the element
|
||||
cy.get('#scrollable-both').scrollTo('75%', '25%')
|
||||
|
||||
// control the easing of the scroll (default is 'swing')
|
||||
cy.get('#scrollable-vertical').scrollTo('center', { easing: 'linear' })
|
||||
|
||||
// control the duration of the scroll (in ms)
|
||||
cy.get('#scrollable-both').scrollTo('center', { duration: 2000 })
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,39 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Aliasing', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/aliasing')
|
||||
})
|
||||
|
||||
it('.as() - alias a DOM element for later use', () => {
|
||||
// https://on.cypress.io/as
|
||||
|
||||
// Alias a DOM element for use later
|
||||
// We don't have to traverse to the element
|
||||
// later in our code, we reference it with @
|
||||
|
||||
cy.get('.as-table').find('tbody>tr')
|
||||
.first().find('td').first()
|
||||
.find('button').as('firstBtn')
|
||||
|
||||
// when we reference the alias, we place an
|
||||
// @ in front of its name
|
||||
cy.get('@firstBtn').click()
|
||||
|
||||
cy.get('@firstBtn')
|
||||
.should('have.class', 'btn-success')
|
||||
.and('contain', 'Changed')
|
||||
})
|
||||
|
||||
it('.as() - alias a route for later use', () => {
|
||||
// Alias the route to wait for its response
|
||||
cy.intercept('GET', '**/comments/*').as('getComment')
|
||||
|
||||
// we have code that gets a comment when
|
||||
// the button is clicked in scripts.js
|
||||
cy.get('.network-btn').click()
|
||||
|
||||
// https://on.cypress.io/wait
|
||||
cy.wait('@getComment').its('response.statusCode').should('eq', 200)
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,97 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Connectors', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/connectors')
|
||||
})
|
||||
|
||||
it('.each() - iterate over an array of elements', () => {
|
||||
// https://on.cypress.io/each
|
||||
cy.get('.connectors-each-ul>li')
|
||||
.each(($el, index, $list) => {
|
||||
console.log($el, index, $list)
|
||||
})
|
||||
})
|
||||
|
||||
it('.its() - get properties on the current subject', () => {
|
||||
// https://on.cypress.io/its
|
||||
cy.get('.connectors-its-ul>li')
|
||||
// calls the 'length' property yielding that value
|
||||
.its('length')
|
||||
.should('be.gt', 2)
|
||||
})
|
||||
|
||||
it('.invoke() - invoke a function on the current subject', () => {
|
||||
// our div is hidden in our script.js
|
||||
// $('.connectors-div').hide()
|
||||
|
||||
// https://on.cypress.io/invoke
|
||||
cy.get('.connectors-div').should('be.hidden')
|
||||
// call the jquery method 'show' on the 'div.container'
|
||||
.invoke('show')
|
||||
.should('be.visible')
|
||||
})
|
||||
|
||||
it('.spread() - spread an array as individual args to callback function', () => {
|
||||
// https://on.cypress.io/spread
|
||||
const arr = ['foo', 'bar', 'baz']
|
||||
|
||||
cy.wrap(arr).spread((foo, bar, baz) => {
|
||||
expect(foo).to.eq('foo')
|
||||
expect(bar).to.eq('bar')
|
||||
expect(baz).to.eq('baz')
|
||||
})
|
||||
})
|
||||
|
||||
describe('.then()', () => {
|
||||
it('invokes a callback function with the current subject', () => {
|
||||
// https://on.cypress.io/then
|
||||
cy.get('.connectors-list > li')
|
||||
.then(($lis) => {
|
||||
expect($lis, '3 items').to.have.length(3)
|
||||
expect($lis.eq(0), 'first item').to.contain('Walk the dog')
|
||||
expect($lis.eq(1), 'second item').to.contain('Feed the cat')
|
||||
expect($lis.eq(2), 'third item').to.contain('Write JavaScript')
|
||||
})
|
||||
})
|
||||
|
||||
it('yields the returned value to the next command', () => {
|
||||
cy.wrap(1)
|
||||
.then((num) => {
|
||||
expect(num).to.equal(1)
|
||||
|
||||
return 2
|
||||
})
|
||||
.then((num) => {
|
||||
expect(num).to.equal(2)
|
||||
})
|
||||
})
|
||||
|
||||
it('yields the original subject without return', () => {
|
||||
cy.wrap(1)
|
||||
.then((num) => {
|
||||
expect(num).to.equal(1)
|
||||
// note that nothing is returned from this callback
|
||||
})
|
||||
.then((num) => {
|
||||
// this callback receives the original unchanged value 1
|
||||
expect(num).to.equal(1)
|
||||
})
|
||||
})
|
||||
|
||||
it('yields the value yielded by the last Cypress command inside', () => {
|
||||
cy.wrap(1)
|
||||
.then((num) => {
|
||||
expect(num).to.equal(1)
|
||||
// note how we run a Cypress command
|
||||
// the result yielded by this Cypress command
|
||||
// will be passed to the second ".then"
|
||||
cy.wrap(2)
|
||||
})
|
||||
.then((num) => {
|
||||
// this callback receives the value yielded by "cy.wrap(2)"
|
||||
expect(num).to.equal(2)
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,77 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Cookies', () => {
|
||||
beforeEach(() => {
|
||||
Cypress.Cookies.debug(true)
|
||||
|
||||
cy.visit('https://example.cypress.io/commands/cookies')
|
||||
|
||||
// clear cookies again after visiting to remove
|
||||
// any 3rd party cookies picked up such as cloudflare
|
||||
cy.clearCookies()
|
||||
})
|
||||
|
||||
it('cy.getCookie() - get a browser cookie', () => {
|
||||
// https://on.cypress.io/getcookie
|
||||
cy.get('#getCookie .set-a-cookie').click()
|
||||
|
||||
// cy.getCookie() yields a cookie object
|
||||
cy.getCookie('token').should('have.property', 'value', '123ABC')
|
||||
})
|
||||
|
||||
it('cy.getCookies() - get browser cookies', () => {
|
||||
// https://on.cypress.io/getcookies
|
||||
cy.getCookies().should('be.empty')
|
||||
|
||||
cy.get('#getCookies .set-a-cookie').click()
|
||||
|
||||
// cy.getCookies() yields an array of cookies
|
||||
cy.getCookies().should('have.length', 1).should((cookies) => {
|
||||
// each cookie has these properties
|
||||
expect(cookies[0]).to.have.property('name', 'token')
|
||||
expect(cookies[0]).to.have.property('value', '123ABC')
|
||||
expect(cookies[0]).to.have.property('httpOnly', false)
|
||||
expect(cookies[0]).to.have.property('secure', false)
|
||||
expect(cookies[0]).to.have.property('domain')
|
||||
expect(cookies[0]).to.have.property('path')
|
||||
})
|
||||
})
|
||||
|
||||
it('cy.setCookie() - set a browser cookie', () => {
|
||||
// https://on.cypress.io/setcookie
|
||||
cy.getCookies().should('be.empty')
|
||||
|
||||
cy.setCookie('foo', 'bar')
|
||||
|
||||
// cy.getCookie() yields a cookie object
|
||||
cy.getCookie('foo').should('have.property', 'value', 'bar')
|
||||
})
|
||||
|
||||
it('cy.clearCookie() - clear a browser cookie', () => {
|
||||
// https://on.cypress.io/clearcookie
|
||||
cy.getCookie('token').should('be.null')
|
||||
|
||||
cy.get('#clearCookie .set-a-cookie').click()
|
||||
|
||||
cy.getCookie('token').should('have.property', 'value', '123ABC')
|
||||
|
||||
// cy.clearCookies() yields null
|
||||
cy.clearCookie('token').should('be.null')
|
||||
|
||||
cy.getCookie('token').should('be.null')
|
||||
})
|
||||
|
||||
it('cy.clearCookies() - clear browser cookies', () => {
|
||||
// https://on.cypress.io/clearcookies
|
||||
cy.getCookies().should('be.empty')
|
||||
|
||||
cy.get('#clearCookies .set-a-cookie').click()
|
||||
|
||||
cy.getCookies().should('have.length', 1)
|
||||
|
||||
// cy.clearCookies() yields null
|
||||
cy.clearCookies()
|
||||
|
||||
cy.getCookies().should('be.empty')
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,202 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Cypress.Commands', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/cypress-api')
|
||||
})
|
||||
|
||||
// https://on.cypress.io/custom-commands
|
||||
|
||||
it('.add() - create a custom command', () => {
|
||||
Cypress.Commands.add('console', {
|
||||
prevSubject: true,
|
||||
}, (subject, method) => {
|
||||
// the previous subject is automatically received
|
||||
// and the commands arguments are shifted
|
||||
|
||||
// allow us to change the console method used
|
||||
method = method || 'log'
|
||||
|
||||
// log the subject to the console
|
||||
// @ts-ignore TS7017
|
||||
console[method]('The subject is', subject)
|
||||
|
||||
// whatever we return becomes the new subject
|
||||
// we don't want to change the subject so
|
||||
// we return whatever was passed in
|
||||
return subject
|
||||
})
|
||||
|
||||
// @ts-ignore TS2339
|
||||
cy.get('button').console('info').then(($button) => {
|
||||
// subject is still $button
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
context('Cypress.Cookies', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/cypress-api')
|
||||
})
|
||||
|
||||
// https://on.cypress.io/cookies
|
||||
it('.debug() - enable or disable debugging', () => {
|
||||
Cypress.Cookies.debug(true)
|
||||
|
||||
// Cypress will now log in the console when
|
||||
// cookies are set or cleared
|
||||
cy.setCookie('fakeCookie', '123ABC')
|
||||
cy.clearCookie('fakeCookie')
|
||||
cy.setCookie('fakeCookie', '123ABC')
|
||||
cy.clearCookie('fakeCookie')
|
||||
cy.setCookie('fakeCookie', '123ABC')
|
||||
})
|
||||
|
||||
it('.preserveOnce() - preserve cookies by key', () => {
|
||||
// normally cookies are reset after each test
|
||||
cy.getCookie('fakeCookie').should('not.be.ok')
|
||||
|
||||
// preserving a cookie will not clear it when
|
||||
// the next test starts
|
||||
cy.setCookie('lastCookie', '789XYZ')
|
||||
Cypress.Cookies.preserveOnce('lastCookie')
|
||||
})
|
||||
|
||||
it('.defaults() - set defaults for all cookies', () => {
|
||||
// now any cookie with the name 'session_id' will
|
||||
// not be cleared before each new test runs
|
||||
Cypress.Cookies.defaults({
|
||||
preserve: 'session_id',
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
context('Cypress.arch', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/cypress-api')
|
||||
})
|
||||
|
||||
it('Get CPU architecture name of underlying OS', () => {
|
||||
// https://on.cypress.io/arch
|
||||
expect(Cypress.arch).to.exist
|
||||
})
|
||||
})
|
||||
|
||||
context('Cypress.config()', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/cypress-api')
|
||||
})
|
||||
|
||||
it('Get and set configuration options', () => {
|
||||
// https://on.cypress.io/config
|
||||
let myConfig = Cypress.config()
|
||||
|
||||
expect(myConfig).to.have.property('animationDistanceThreshold', 5)
|
||||
expect(myConfig).to.have.property('baseUrl', null)
|
||||
expect(myConfig).to.have.property('defaultCommandTimeout', 4000)
|
||||
expect(myConfig).to.have.property('requestTimeout', 5000)
|
||||
expect(myConfig).to.have.property('responseTimeout', 30000)
|
||||
expect(myConfig).to.have.property('viewportHeight', 660)
|
||||
expect(myConfig).to.have.property('viewportWidth', 1000)
|
||||
expect(myConfig).to.have.property('pageLoadTimeout', 60000)
|
||||
expect(myConfig).to.have.property('waitForAnimations', true)
|
||||
|
||||
expect(Cypress.config('pageLoadTimeout')).to.eq(60000)
|
||||
|
||||
// this will change the config for the rest of your tests!
|
||||
Cypress.config('pageLoadTimeout', 20000)
|
||||
|
||||
expect(Cypress.config('pageLoadTimeout')).to.eq(20000)
|
||||
|
||||
Cypress.config('pageLoadTimeout', 60000)
|
||||
})
|
||||
})
|
||||
|
||||
context('Cypress.dom', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/cypress-api')
|
||||
})
|
||||
|
||||
// https://on.cypress.io/dom
|
||||
it('.isHidden() - determine if a DOM element is hidden', () => {
|
||||
let hiddenP = Cypress.$('.dom-p p.hidden').get(0)
|
||||
let visibleP = Cypress.$('.dom-p p.visible').get(0)
|
||||
|
||||
// our first paragraph has css class 'hidden'
|
||||
expect(Cypress.dom.isHidden(hiddenP)).to.be.true
|
||||
expect(Cypress.dom.isHidden(visibleP)).to.be.false
|
||||
})
|
||||
})
|
||||
|
||||
context('Cypress.env()', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/cypress-api')
|
||||
})
|
||||
|
||||
// We can set environment variables for highly dynamic values
|
||||
|
||||
// https://on.cypress.io/environment-variables
|
||||
it('Get environment variables', () => {
|
||||
// https://on.cypress.io/env
|
||||
// set multiple environment variables
|
||||
Cypress.env({
|
||||
host: 'veronica.dev.local',
|
||||
api_server: 'http://localhost:8888/v1/',
|
||||
})
|
||||
|
||||
// get environment variable
|
||||
expect(Cypress.env('host')).to.eq('veronica.dev.local')
|
||||
|
||||
// set environment variable
|
||||
Cypress.env('api_server', 'http://localhost:8888/v2/')
|
||||
expect(Cypress.env('api_server')).to.eq('http://localhost:8888/v2/')
|
||||
|
||||
// get all environment variable
|
||||
expect(Cypress.env()).to.have.property('host', 'veronica.dev.local')
|
||||
expect(Cypress.env()).to.have.property('api_server', 'http://localhost:8888/v2/')
|
||||
})
|
||||
})
|
||||
|
||||
context('Cypress.log', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/cypress-api')
|
||||
})
|
||||
|
||||
it('Control what is printed to the Command Log', () => {
|
||||
// https://on.cypress.io/cypress-log
|
||||
})
|
||||
})
|
||||
|
||||
context('Cypress.platform', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/cypress-api')
|
||||
})
|
||||
|
||||
it('Get underlying OS name', () => {
|
||||
// https://on.cypress.io/platform
|
||||
expect(Cypress.platform).to.be.exist
|
||||
})
|
||||
})
|
||||
|
||||
context('Cypress.version', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/cypress-api')
|
||||
})
|
||||
|
||||
it('Get current version of Cypress being run', () => {
|
||||
// https://on.cypress.io/version
|
||||
expect(Cypress.version).to.be.exist
|
||||
})
|
||||
})
|
||||
|
||||
context('Cypress.spec', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/cypress-api')
|
||||
})
|
||||
|
||||
it('Get current spec information', () => {
|
||||
// https://on.cypress.io/spec
|
||||
// wrap the object so we can inspect it easily by clicking in the command log
|
||||
cy.wrap(Cypress.spec).should('include.keys', ['name', 'relative', 'absolute'])
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,89 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
/// JSON fixture file can be loaded directly using
|
||||
// the built-in JavaScript bundler
|
||||
// @ts-ignore
|
||||
const requiredExample = require('../../fixtures/example')
|
||||
|
||||
context('Files', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/files')
|
||||
})
|
||||
|
||||
beforeEach(() => {
|
||||
// load example.json fixture file and store
|
||||
// in the test context object
|
||||
cy.fixture('example.json').as('example')
|
||||
})
|
||||
|
||||
it('cy.fixture() - load a fixture', () => {
|
||||
// https://on.cypress.io/fixture
|
||||
|
||||
// Instead of writing a response inline you can
|
||||
// use a fixture file's content.
|
||||
|
||||
// when application makes an Ajax request matching "GET **/comments/*"
|
||||
// Cypress will intercept it and reply with the object in `example.json` fixture
|
||||
cy.intercept('GET', '**/comments/*', { fixture: 'example.json' }).as('getComment')
|
||||
|
||||
// we have code that gets a comment when
|
||||
// the button is clicked in scripts.js
|
||||
cy.get('.fixture-btn').click()
|
||||
|
||||
cy.wait('@getComment').its('response.body')
|
||||
.should('have.property', 'name')
|
||||
.and('include', 'Using fixtures to represent data')
|
||||
})
|
||||
|
||||
it('cy.fixture() or require - load a fixture', function () {
|
||||
// we are inside the "function () { ... }"
|
||||
// callback and can use test context object "this"
|
||||
// "this.example" was loaded in "beforeEach" function callback
|
||||
expect(this.example, 'fixture in the test context')
|
||||
.to.deep.equal(requiredExample)
|
||||
|
||||
// or use "cy.wrap" and "should('deep.equal', ...)" assertion
|
||||
// @ts-ignore
|
||||
cy.wrap(this.example, 'fixture vs require')
|
||||
.should('deep.equal', requiredExample)
|
||||
})
|
||||
|
||||
it('cy.readFile() - read file contents', () => {
|
||||
// https://on.cypress.io/readfile
|
||||
|
||||
// You can read a file and yield its contents
|
||||
// The filePath is relative to your project's root.
|
||||
cy.readFile('cypress.json').then((json) => {
|
||||
expect(json).to.be.an('object')
|
||||
})
|
||||
})
|
||||
|
||||
it('cy.writeFile() - write to a file', () => {
|
||||
// https://on.cypress.io/writefile
|
||||
|
||||
// You can write to a file
|
||||
|
||||
// Use a response from a request to automatically
|
||||
// generate a fixture file for use later
|
||||
cy.request('https://jsonplaceholder.cypress.io/users')
|
||||
.then((response) => {
|
||||
cy.writeFile('cypress/fixtures/users.json', response.body)
|
||||
})
|
||||
|
||||
cy.fixture('users').should((users) => {
|
||||
expect(users[0].name).to.exist
|
||||
})
|
||||
|
||||
// JavaScript arrays and objects are stringified
|
||||
// and formatted into text.
|
||||
cy.writeFile('cypress/fixtures/profile.json', {
|
||||
id: 8739,
|
||||
name: 'Jane',
|
||||
email: 'jane@example.com',
|
||||
})
|
||||
|
||||
cy.fixture('profile').should((profile) => {
|
||||
expect(profile.name).to.eq('Jane')
|
||||
})
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,52 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Local Storage', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/local-storage')
|
||||
})
|
||||
// Although local storage is automatically cleared
|
||||
// in between tests to maintain a clean state
|
||||
// sometimes we need to clear the local storage manually
|
||||
|
||||
it('cy.clearLocalStorage() - clear all data in local storage', () => {
|
||||
// https://on.cypress.io/clearlocalstorage
|
||||
cy.get('.ls-btn').click().should(() => {
|
||||
expect(localStorage.getItem('prop1')).to.eq('red')
|
||||
expect(localStorage.getItem('prop2')).to.eq('blue')
|
||||
expect(localStorage.getItem('prop3')).to.eq('magenta')
|
||||
})
|
||||
|
||||
// clearLocalStorage() yields the localStorage object
|
||||
cy.clearLocalStorage().should((ls) => {
|
||||
expect(ls.getItem('prop1')).to.be.null
|
||||
expect(ls.getItem('prop2')).to.be.null
|
||||
expect(ls.getItem('prop3')).to.be.null
|
||||
})
|
||||
|
||||
// Clear key matching string in Local Storage
|
||||
cy.get('.ls-btn').click().should(() => {
|
||||
expect(localStorage.getItem('prop1')).to.eq('red')
|
||||
expect(localStorage.getItem('prop2')).to.eq('blue')
|
||||
expect(localStorage.getItem('prop3')).to.eq('magenta')
|
||||
})
|
||||
|
||||
cy.clearLocalStorage('prop1').should((ls) => {
|
||||
expect(ls.getItem('prop1')).to.be.null
|
||||
expect(ls.getItem('prop2')).to.eq('blue')
|
||||
expect(ls.getItem('prop3')).to.eq('magenta')
|
||||
})
|
||||
|
||||
// Clear keys matching regex in Local Storage
|
||||
cy.get('.ls-btn').click().should(() => {
|
||||
expect(localStorage.getItem('prop1')).to.eq('red')
|
||||
expect(localStorage.getItem('prop2')).to.eq('blue')
|
||||
expect(localStorage.getItem('prop3')).to.eq('magenta')
|
||||
})
|
||||
|
||||
cy.clearLocalStorage(/prop1|2/).should((ls) => {
|
||||
expect(ls.getItem('prop1')).to.be.null
|
||||
expect(ls.getItem('prop2')).to.be.null
|
||||
expect(ls.getItem('prop3')).to.eq('magenta')
|
||||
})
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,32 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Location', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/location')
|
||||
})
|
||||
|
||||
it('cy.hash() - get the current URL hash', () => {
|
||||
// https://on.cypress.io/hash
|
||||
cy.hash().should('be.empty')
|
||||
})
|
||||
|
||||
it('cy.location() - get window.location', () => {
|
||||
// https://on.cypress.io/location
|
||||
cy.location().should((location) => {
|
||||
expect(location.hash).to.be.empty
|
||||
expect(location.href).to.eq('https://example.cypress.io/commands/location')
|
||||
expect(location.host).to.eq('example.cypress.io')
|
||||
expect(location.hostname).to.eq('example.cypress.io')
|
||||
expect(location.origin).to.eq('https://example.cypress.io')
|
||||
expect(location.pathname).to.eq('/commands/location')
|
||||
expect(location.port).to.eq('')
|
||||
expect(location.protocol).to.eq('https:')
|
||||
expect(location.search).to.be.empty
|
||||
})
|
||||
})
|
||||
|
||||
it('cy.url() - get the current URL', () => {
|
||||
// https://on.cypress.io/url
|
||||
cy.url().should('eq', 'https://example.cypress.io/commands/location')
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,104 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Misc', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/misc')
|
||||
})
|
||||
|
||||
it('.end() - end the command chain', () => {
|
||||
// https://on.cypress.io/end
|
||||
|
||||
// cy.end is useful when you want to end a chain of commands
|
||||
// and force Cypress to re-query from the root element
|
||||
cy.get('.misc-table').within(() => {
|
||||
// ends the current chain and yields null
|
||||
cy.contains('Cheryl').click().end()
|
||||
|
||||
// queries the entire table again
|
||||
cy.contains('Charles').click()
|
||||
})
|
||||
})
|
||||
|
||||
it('cy.exec() - execute a system command', () => {
|
||||
// execute a system command.
|
||||
// so you can take actions necessary for
|
||||
// your test outside the scope of Cypress.
|
||||
// https://on.cypress.io/exec
|
||||
|
||||
// we can use Cypress.platform string to
|
||||
// select appropriate command
|
||||
// https://on.cypress/io/platform
|
||||
cy.log(`Platform ${Cypress.platform} architecture ${Cypress.arch}`)
|
||||
|
||||
// on CircleCI Windows build machines we have a failure to run bash shell
|
||||
// https://github.com/cypress-io/cypress/issues/5169
|
||||
// so skip some of the tests by passing flag "--env circle=true"
|
||||
const isCircleOnWindows = Cypress.platform === 'win32' && Cypress.env('circle')
|
||||
|
||||
if (isCircleOnWindows) {
|
||||
cy.log('Skipping test on CircleCI')
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
// cy.exec problem on Shippable CI
|
||||
// https://github.com/cypress-io/cypress/issues/6718
|
||||
const isShippable = Cypress.platform === 'linux' && Cypress.env('shippable')
|
||||
|
||||
if (isShippable) {
|
||||
cy.log('Skipping test on ShippableCI')
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
cy.exec('echo Jane Lane')
|
||||
.its('stdout').should('contain', 'Jane Lane')
|
||||
|
||||
if (Cypress.platform === 'win32') {
|
||||
cy.exec('print cypress.json')
|
||||
.its('stderr').should('be.empty')
|
||||
} else {
|
||||
cy.exec('cat cypress.json')
|
||||
.its('stderr').should('be.empty')
|
||||
|
||||
cy.exec('pwd')
|
||||
.its('code').should('eq', 0)
|
||||
}
|
||||
})
|
||||
|
||||
it('cy.focused() - get the DOM element that has focus', () => {
|
||||
// https://on.cypress.io/focused
|
||||
cy.get('.misc-form').find('#name').click()
|
||||
cy.focused().should('have.id', 'name')
|
||||
|
||||
cy.get('.misc-form').find('#description').click()
|
||||
cy.focused().should('have.id', 'description')
|
||||
})
|
||||
|
||||
context('Cypress.Screenshot', function () {
|
||||
it('cy.screenshot() - take a screenshot', () => {
|
||||
// https://on.cypress.io/screenshot
|
||||
cy.screenshot('my-image')
|
||||
})
|
||||
|
||||
it('Cypress.Screenshot.defaults() - change default config of screenshots', function () {
|
||||
Cypress.Screenshot.defaults({
|
||||
blackout: ['.foo'],
|
||||
capture: 'viewport',
|
||||
clip: { x: 0, y: 0, width: 200, height: 200 },
|
||||
scale: false,
|
||||
disableTimersAndAnimations: true,
|
||||
screenshotOnRunFailure: true,
|
||||
onBeforeScreenshot () { },
|
||||
onAfterScreenshot () { },
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
it('cy.wrap() - wrap an object', () => {
|
||||
// https://on.cypress.io/wrap
|
||||
cy.wrap({ foo: 'bar' })
|
||||
.should('have.property', 'foo')
|
||||
.and('include', 'bar')
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,56 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Navigation', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io')
|
||||
cy.get('.navbar-nav').contains('Commands').click()
|
||||
cy.get('.dropdown-menu').contains('Navigation').click()
|
||||
})
|
||||
|
||||
it('cy.go() - go back or forward in the browser\'s history', () => {
|
||||
// https://on.cypress.io/go
|
||||
|
||||
cy.location('pathname').should('include', 'navigation')
|
||||
|
||||
cy.go('back')
|
||||
cy.location('pathname').should('not.include', 'navigation')
|
||||
|
||||
cy.go('forward')
|
||||
cy.location('pathname').should('include', 'navigation')
|
||||
|
||||
// clicking back
|
||||
cy.go(-1)
|
||||
cy.location('pathname').should('not.include', 'navigation')
|
||||
|
||||
// clicking forward
|
||||
cy.go(1)
|
||||
cy.location('pathname').should('include', 'navigation')
|
||||
})
|
||||
|
||||
it('cy.reload() - reload the page', () => {
|
||||
// https://on.cypress.io/reload
|
||||
cy.reload()
|
||||
|
||||
// reload the page without using the cache
|
||||
cy.reload(true)
|
||||
})
|
||||
|
||||
it('cy.visit() - visit a remote url', () => {
|
||||
// https://on.cypress.io/visit
|
||||
|
||||
// Visit any sub-domain of your current domain
|
||||
|
||||
// Pass options to the visit
|
||||
cy.visit('https://example.cypress.io/commands/navigation', {
|
||||
timeout: 50000, // increase total time for the visit to resolve
|
||||
onBeforeLoad (contentWindow) {
|
||||
// contentWindow is the remote page's window object
|
||||
expect(typeof contentWindow === 'object').to.be.true
|
||||
},
|
||||
onLoad (contentWindow) {
|
||||
// contentWindow is the remote page's window object
|
||||
expect(typeof contentWindow === 'object').to.be.true
|
||||
},
|
||||
})
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,163 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Network Requests', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/network-requests')
|
||||
})
|
||||
|
||||
// Manage HTTP requests in your app
|
||||
|
||||
it('cy.request() - make an XHR request', () => {
|
||||
// https://on.cypress.io/request
|
||||
cy.request('https://jsonplaceholder.cypress.io/comments')
|
||||
.should((response) => {
|
||||
expect(response.status).to.eq(200)
|
||||
// the server sometimes gets an extra comment posted from another machine
|
||||
// which gets returned as 1 extra object
|
||||
expect(response.body).to.have.property('length').and.be.oneOf([500, 501])
|
||||
expect(response).to.have.property('headers')
|
||||
expect(response).to.have.property('duration')
|
||||
})
|
||||
})
|
||||
|
||||
it('cy.request() - verify response using BDD syntax', () => {
|
||||
cy.request('https://jsonplaceholder.cypress.io/comments')
|
||||
.then((response) => {
|
||||
// https://on.cypress.io/assertions
|
||||
expect(response).property('status').to.equal(200)
|
||||
expect(response).property('body').to.have.property('length').and.be.oneOf([500, 501])
|
||||
expect(response).to.include.keys('headers', 'duration')
|
||||
})
|
||||
})
|
||||
|
||||
it('cy.request() with query parameters', () => {
|
||||
// will execute request
|
||||
// https://jsonplaceholder.cypress.io/comments?postId=1&id=3
|
||||
cy.request({
|
||||
url: 'https://jsonplaceholder.cypress.io/comments',
|
||||
qs: {
|
||||
postId: 1,
|
||||
id: 3,
|
||||
},
|
||||
})
|
||||
.its('body')
|
||||
.should('be.an', 'array')
|
||||
.and('have.length', 1)
|
||||
.its('0') // yields first element of the array
|
||||
.should('contain', {
|
||||
postId: 1,
|
||||
id: 3,
|
||||
})
|
||||
})
|
||||
|
||||
it('cy.request() - pass result to the second request', () => {
|
||||
// first, let's find out the userId of the first user we have
|
||||
cy.request('https://jsonplaceholder.cypress.io/users?_limit=1')
|
||||
.its('body') // yields the response object
|
||||
.its('0') // yields the first element of the returned list
|
||||
// the above two commands its('body').its('0')
|
||||
// can be written as its('body.0')
|
||||
// if you do not care about TypeScript checks
|
||||
.then((user) => {
|
||||
expect(user).property('id').to.be.a('number')
|
||||
// make a new post on behalf of the user
|
||||
cy.request('POST', 'https://jsonplaceholder.cypress.io/posts', {
|
||||
userId: user.id,
|
||||
title: 'Cypress Test Runner',
|
||||
body: 'Fast, easy and reliable testing for anything that runs in a browser.',
|
||||
})
|
||||
})
|
||||
// note that the value here is the returned value of the 2nd request
|
||||
// which is the new post object
|
||||
.then((response) => {
|
||||
expect(response).property('status').to.equal(201) // new entity created
|
||||
expect(response).property('body').to.contain({
|
||||
title: 'Cypress Test Runner',
|
||||
})
|
||||
|
||||
// we don't know the exact post id - only that it will be > 100
|
||||
// since JSONPlaceholder has built-in 100 posts
|
||||
expect(response.body).property('id').to.be.a('number')
|
||||
.and.to.be.gt(100)
|
||||
|
||||
// we don't know the user id here - since it was in above closure
|
||||
// so in this test just confirm that the property is there
|
||||
expect(response.body).property('userId').to.be.a('number')
|
||||
})
|
||||
})
|
||||
|
||||
it('cy.request() - save response in the shared test context', () => {
|
||||
// https://on.cypress.io/variables-and-aliases
|
||||
cy.request('https://jsonplaceholder.cypress.io/users?_limit=1')
|
||||
.its('body').its('0') // yields the first element of the returned list
|
||||
.as('user') // saves the object in the test context
|
||||
.then(function () {
|
||||
// NOTE 👀
|
||||
// By the time this callback runs the "as('user')" command
|
||||
// has saved the user object in the test context.
|
||||
// To access the test context we need to use
|
||||
// the "function () { ... }" callback form,
|
||||
// otherwise "this" points at a wrong or undefined object!
|
||||
cy.request('POST', 'https://jsonplaceholder.cypress.io/posts', {
|
||||
userId: this.user.id,
|
||||
title: 'Cypress Test Runner',
|
||||
body: 'Fast, easy and reliable testing for anything that runs in a browser.',
|
||||
})
|
||||
.its('body').as('post') // save the new post from the response
|
||||
})
|
||||
.then(function () {
|
||||
// When this callback runs, both "cy.request" API commands have finished
|
||||
// and the test context has "user" and "post" objects set.
|
||||
// Let's verify them.
|
||||
expect(this.post, 'post has the right user id').property('userId').to.equal(this.user.id)
|
||||
})
|
||||
})
|
||||
|
||||
it('cy.intercept() - route responses to matching requests', () => {
|
||||
// https://on.cypress.io/intercept
|
||||
|
||||
let message = 'whoa, this comment does not exist'
|
||||
|
||||
// Listen to GET to comments/1
|
||||
cy.intercept('GET', '**/comments/*').as('getComment')
|
||||
|
||||
// we have code that gets a comment when
|
||||
// the button is clicked in scripts.js
|
||||
cy.get('.network-btn').click()
|
||||
|
||||
// https://on.cypress.io/wait
|
||||
cy.wait('@getComment').its('response.statusCode').should('be.oneOf', [200, 304])
|
||||
|
||||
// Listen to POST to comments
|
||||
cy.intercept('POST', '**/comments').as('postComment')
|
||||
|
||||
// we have code that posts a comment when
|
||||
// the button is clicked in scripts.js
|
||||
cy.get('.network-post').click()
|
||||
cy.wait('@postComment').should(({ request, response }) => {
|
||||
expect(request.body).to.include('email')
|
||||
expect(request.headers).to.have.property('content-type')
|
||||
expect(response && response.body).to.have.property('name', 'Using POST in cy.intercept()')
|
||||
})
|
||||
|
||||
// Stub a response to PUT comments/ ****
|
||||
cy.intercept({
|
||||
method: 'PUT',
|
||||
url: '**/comments/*',
|
||||
}, {
|
||||
statusCode: 404,
|
||||
body: { error: message },
|
||||
headers: { 'access-control-allow-origin': '*' },
|
||||
delayMs: 500,
|
||||
}).as('putComment')
|
||||
|
||||
// we have code that puts a comment when
|
||||
// the button is clicked in scripts.js
|
||||
cy.get('.network-put').click()
|
||||
|
||||
cy.wait('@putComment')
|
||||
|
||||
// our 404 statusCode logic in scripts.js executed
|
||||
cy.get('.network-put-comment').should('contain', message)
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,114 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Querying', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/querying')
|
||||
})
|
||||
|
||||
// The most commonly used query is 'cy.get()', you can
|
||||
// think of this like the '$' in jQuery
|
||||
|
||||
it('cy.get() - query DOM elements', () => {
|
||||
// https://on.cypress.io/get
|
||||
|
||||
cy.get('#query-btn').should('contain', 'Button')
|
||||
|
||||
cy.get('.query-btn').should('contain', 'Button')
|
||||
|
||||
cy.get('#querying .well>button:first').should('contain', 'Button')
|
||||
// ↲
|
||||
// Use CSS selectors just like jQuery
|
||||
|
||||
cy.get('[data-test-id="test-example"]').should('have.class', 'example')
|
||||
|
||||
// 'cy.get()' yields jQuery object, you can get its attribute
|
||||
// by invoking `.attr()` method
|
||||
cy.get('[data-test-id="test-example"]')
|
||||
.invoke('attr', 'data-test-id')
|
||||
.should('equal', 'test-example')
|
||||
|
||||
// or you can get element's CSS property
|
||||
cy.get('[data-test-id="test-example"]')
|
||||
.invoke('css', 'position')
|
||||
.should('equal', 'static')
|
||||
|
||||
// or use assertions directly during 'cy.get()'
|
||||
// https://on.cypress.io/assertions
|
||||
cy.get('[data-test-id="test-example"]')
|
||||
.should('have.attr', 'data-test-id', 'test-example')
|
||||
.and('have.css', 'position', 'static')
|
||||
})
|
||||
|
||||
it('cy.contains() - query DOM elements with matching content', () => {
|
||||
// https://on.cypress.io/contains
|
||||
cy.get('.query-list')
|
||||
.contains('bananas')
|
||||
.should('have.class', 'third')
|
||||
|
||||
// we can pass a regexp to `.contains()`
|
||||
cy.get('.query-list')
|
||||
.contains(/^b\w+/)
|
||||
.should('have.class', 'third')
|
||||
|
||||
cy.get('.query-list')
|
||||
.contains('apples')
|
||||
.should('have.class', 'first')
|
||||
|
||||
// passing a selector to contains will
|
||||
// yield the selector containing the text
|
||||
cy.get('#querying')
|
||||
.contains('ul', 'oranges')
|
||||
.should('have.class', 'query-list')
|
||||
|
||||
cy.get('.query-button')
|
||||
.contains('Save Form')
|
||||
.should('have.class', 'btn')
|
||||
})
|
||||
|
||||
it('.within() - query DOM elements within a specific element', () => {
|
||||
// https://on.cypress.io/within
|
||||
cy.get('.query-form').within(() => {
|
||||
cy.get('input:first').should('have.attr', 'placeholder', 'Email')
|
||||
cy.get('input:last').should('have.attr', 'placeholder', 'Password')
|
||||
})
|
||||
})
|
||||
|
||||
it('cy.root() - query the root DOM element', () => {
|
||||
// https://on.cypress.io/root
|
||||
|
||||
// By default, root is the document
|
||||
cy.root().should('match', 'html')
|
||||
|
||||
cy.get('.query-ul').within(() => {
|
||||
// In this within, the root is now the ul DOM element
|
||||
cy.root().should('have.class', 'query-ul')
|
||||
})
|
||||
})
|
||||
|
||||
it('best practices - selecting elements', () => {
|
||||
// https://on.cypress.io/best-practices#Selecting-Elements
|
||||
cy.get('[data-cy=best-practices-selecting-elements]').within(() => {
|
||||
// Worst - too generic, no context
|
||||
cy.get('button').click()
|
||||
|
||||
// Bad. Coupled to styling. Highly subject to change.
|
||||
cy.get('.btn.btn-large').click()
|
||||
|
||||
// Average. Coupled to the `name` attribute which has HTML semantics.
|
||||
cy.get('[name=submission]').click()
|
||||
|
||||
// Better. But still coupled to styling or JS event listeners.
|
||||
cy.get('#main').click()
|
||||
|
||||
// Slightly better. Uses an ID but also ensures the element
|
||||
// has an ARIA role attribute
|
||||
cy.get('#main[role=button]').click()
|
||||
|
||||
// Much better. But still coupled to text content that may change.
|
||||
cy.contains('Submit').click()
|
||||
|
||||
// Best. Insulated from all changes.
|
||||
cy.get('[data-cy=submit]').click()
|
||||
})
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,205 @@
|
||||
/// <reference types="cypress" />
|
||||
// remove no check once Cypress.sinon is typed
|
||||
// https://github.com/cypress-io/cypress/issues/6720
|
||||
|
||||
context('Spies, Stubs, and Clock', () => {
|
||||
it('cy.spy() - wrap a method in a spy', () => {
|
||||
// https://on.cypress.io/spy
|
||||
cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
|
||||
|
||||
const obj = {
|
||||
foo () {},
|
||||
}
|
||||
|
||||
const spy = cy.spy(obj, 'foo').as('anyArgs')
|
||||
|
||||
obj.foo()
|
||||
|
||||
expect(spy).to.be.called
|
||||
})
|
||||
|
||||
it('cy.spy() retries until assertions pass', () => {
|
||||
cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
|
||||
|
||||
const obj = {
|
||||
/**
|
||||
* Prints the argument passed
|
||||
* @param x {any}
|
||||
*/
|
||||
foo (x) {
|
||||
console.log('obj.foo called with', x)
|
||||
},
|
||||
}
|
||||
|
||||
cy.spy(obj, 'foo').as('foo')
|
||||
|
||||
setTimeout(() => {
|
||||
obj.foo('first')
|
||||
}, 500)
|
||||
|
||||
setTimeout(() => {
|
||||
obj.foo('second')
|
||||
}, 2500)
|
||||
|
||||
cy.get('@foo').should('have.been.calledTwice')
|
||||
})
|
||||
|
||||
it('cy.stub() - create a stub and/or replace a function with stub', () => {
|
||||
// https://on.cypress.io/stub
|
||||
cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
|
||||
|
||||
const obj = {
|
||||
/**
|
||||
* prints both arguments to the console
|
||||
* @param a {string}
|
||||
* @param b {string}
|
||||
*/
|
||||
foo (a, b) {
|
||||
console.log('a', a, 'b', b)
|
||||
},
|
||||
}
|
||||
|
||||
const stub = cy.stub(obj, 'foo').as('foo')
|
||||
|
||||
obj.foo('foo', 'bar')
|
||||
|
||||
expect(stub).to.be.called
|
||||
})
|
||||
|
||||
it('cy.clock() - control time in the browser', () => {
|
||||
// https://on.cypress.io/clock
|
||||
|
||||
// create the date in UTC so its always the same
|
||||
// no matter what local timezone the browser is running in
|
||||
const now = new Date(Date.UTC(2017, 2, 14)).getTime()
|
||||
|
||||
cy.clock(now)
|
||||
cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
|
||||
cy.get('#clock-div').click()
|
||||
.should('have.text', '1489449600')
|
||||
})
|
||||
|
||||
it('cy.tick() - move time in the browser', () => {
|
||||
// https://on.cypress.io/tick
|
||||
|
||||
// create the date in UTC so its always the same
|
||||
// no matter what local timezone the browser is running in
|
||||
const now = new Date(Date.UTC(2017, 2, 14)).getTime()
|
||||
|
||||
cy.clock(now)
|
||||
cy.visit('https://example.cypress.io/commands/spies-stubs-clocks')
|
||||
cy.get('#tick-div').click()
|
||||
.should('have.text', '1489449600')
|
||||
|
||||
cy.tick(10000) // 10 seconds passed
|
||||
cy.get('#tick-div').click()
|
||||
.should('have.text', '1489449610')
|
||||
})
|
||||
|
||||
it('cy.stub() matches depending on arguments', () => {
|
||||
// see all possible matchers at
|
||||
// https://sinonjs.org/releases/latest/matchers/
|
||||
const greeter = {
|
||||
/**
|
||||
* Greets a person
|
||||
* @param {string} name
|
||||
*/
|
||||
greet (name) {
|
||||
return `Hello, ${name}!`
|
||||
},
|
||||
}
|
||||
|
||||
cy.stub(greeter, 'greet')
|
||||
.callThrough() // if you want non-matched calls to call the real method
|
||||
.withArgs(Cypress.sinon.match.string).returns('Hi')
|
||||
.withArgs(Cypress.sinon.match.number).throws(new Error('Invalid name'))
|
||||
|
||||
expect(greeter.greet('World')).to.equal('Hi')
|
||||
// @ts-ignore
|
||||
expect(() => greeter.greet(42)).to.throw('Invalid name')
|
||||
expect(greeter.greet).to.have.been.calledTwice
|
||||
|
||||
// non-matched calls goes the actual method
|
||||
// @ts-ignore
|
||||
expect(greeter.greet()).to.equal('Hello, undefined!')
|
||||
})
|
||||
|
||||
it('matches call arguments using Sinon matchers', () => {
|
||||
// see all possible matchers at
|
||||
// https://sinonjs.org/releases/latest/matchers/
|
||||
const calculator = {
|
||||
/**
|
||||
* returns the sum of two arguments
|
||||
* @param a {number}
|
||||
* @param b {number}
|
||||
*/
|
||||
add (a, b) {
|
||||
return a + b
|
||||
},
|
||||
}
|
||||
|
||||
const spy = cy.spy(calculator, 'add').as('add')
|
||||
|
||||
expect(calculator.add(2, 3)).to.equal(5)
|
||||
|
||||
// if we want to assert the exact values used during the call
|
||||
expect(spy).to.be.calledWith(2, 3)
|
||||
|
||||
// let's confirm "add" method was called with two numbers
|
||||
expect(spy).to.be.calledWith(Cypress.sinon.match.number, Cypress.sinon.match.number)
|
||||
|
||||
// alternatively, provide the value to match
|
||||
expect(spy).to.be.calledWith(Cypress.sinon.match(2), Cypress.sinon.match(3))
|
||||
|
||||
// match any value
|
||||
expect(spy).to.be.calledWith(Cypress.sinon.match.any, 3)
|
||||
|
||||
// match any value from a list
|
||||
expect(spy).to.be.calledWith(Cypress.sinon.match.in([1, 2, 3]), 3)
|
||||
|
||||
/**
|
||||
* Returns true if the given number is event
|
||||
* @param {number} x
|
||||
*/
|
||||
const isEven = (x) => x % 2 === 0
|
||||
|
||||
// expect the value to pass a custom predicate function
|
||||
// the second argument to "sinon.match(predicate, message)" is
|
||||
// shown if the predicate does not pass and assertion fails
|
||||
expect(spy).to.be.calledWith(Cypress.sinon.match(isEven, 'isEven'), 3)
|
||||
|
||||
/**
|
||||
* Returns a function that checks if a given number is larger than the limit
|
||||
* @param {number} limit
|
||||
* @returns {(x: number) => boolean}
|
||||
*/
|
||||
const isGreaterThan = (limit) => (x) => x > limit
|
||||
|
||||
/**
|
||||
* Returns a function that checks if a given number is less than the limit
|
||||
* @param {number} limit
|
||||
* @returns {(x: number) => boolean}
|
||||
*/
|
||||
const isLessThan = (limit) => (x) => x < limit
|
||||
|
||||
// you can combine several matchers using "and", "or"
|
||||
expect(spy).to.be.calledWith(
|
||||
Cypress.sinon.match.number,
|
||||
Cypress.sinon.match(isGreaterThan(2), '> 2').and(Cypress.sinon.match(isLessThan(4), '< 4')),
|
||||
)
|
||||
|
||||
expect(spy).to.be.calledWith(
|
||||
Cypress.sinon.match.number,
|
||||
Cypress.sinon.match(isGreaterThan(200), '> 200').or(Cypress.sinon.match(3)),
|
||||
)
|
||||
|
||||
// matchers can be used from BDD assertions
|
||||
cy.get('@add').should('have.been.calledWith',
|
||||
Cypress.sinon.match.number, Cypress.sinon.match(3))
|
||||
|
||||
// you can alias matchers for shorter test code
|
||||
const { match: M } = Cypress.sinon
|
||||
|
||||
cy.get('@add').should('have.been.calledWith', M.number, M(3))
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,121 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Traversal', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/traversal')
|
||||
})
|
||||
|
||||
it('.children() - get child DOM elements', () => {
|
||||
// https://on.cypress.io/children
|
||||
cy.get('.traversal-breadcrumb')
|
||||
.children('.active')
|
||||
.should('contain', 'Data')
|
||||
})
|
||||
|
||||
it('.closest() - get closest ancestor DOM element', () => {
|
||||
// https://on.cypress.io/closest
|
||||
cy.get('.traversal-badge')
|
||||
.closest('ul')
|
||||
.should('have.class', 'list-group')
|
||||
})
|
||||
|
||||
it('.eq() - get a DOM element at a specific index', () => {
|
||||
// https://on.cypress.io/eq
|
||||
cy.get('.traversal-list>li')
|
||||
.eq(1).should('contain', 'siamese')
|
||||
})
|
||||
|
||||
it('.filter() - get DOM elements that match the selector', () => {
|
||||
// https://on.cypress.io/filter
|
||||
cy.get('.traversal-nav>li')
|
||||
.filter('.active').should('contain', 'About')
|
||||
})
|
||||
|
||||
it('.find() - get descendant DOM elements of the selector', () => {
|
||||
// https://on.cypress.io/find
|
||||
cy.get('.traversal-pagination')
|
||||
.find('li').find('a')
|
||||
.should('have.length', 7)
|
||||
})
|
||||
|
||||
it('.first() - get first DOM element', () => {
|
||||
// https://on.cypress.io/first
|
||||
cy.get('.traversal-table td')
|
||||
.first().should('contain', '1')
|
||||
})
|
||||
|
||||
it('.last() - get last DOM element', () => {
|
||||
// https://on.cypress.io/last
|
||||
cy.get('.traversal-buttons .btn')
|
||||
.last().should('contain', 'Submit')
|
||||
})
|
||||
|
||||
it('.next() - get next sibling DOM element', () => {
|
||||
// https://on.cypress.io/next
|
||||
cy.get('.traversal-ul')
|
||||
.contains('apples').next().should('contain', 'oranges')
|
||||
})
|
||||
|
||||
it('.nextAll() - get all next sibling DOM elements', () => {
|
||||
// https://on.cypress.io/nextall
|
||||
cy.get('.traversal-next-all')
|
||||
.contains('oranges')
|
||||
.nextAll().should('have.length', 3)
|
||||
})
|
||||
|
||||
it('.nextUntil() - get next sibling DOM elements until next el', () => {
|
||||
// https://on.cypress.io/nextuntil
|
||||
cy.get('#veggies')
|
||||
.nextUntil('#nuts').should('have.length', 3)
|
||||
})
|
||||
|
||||
it('.not() - remove DOM elements from set of DOM elements', () => {
|
||||
// https://on.cypress.io/not
|
||||
cy.get('.traversal-disabled .btn')
|
||||
.not('[disabled]').should('not.contain', 'Disabled')
|
||||
})
|
||||
|
||||
it('.parent() - get parent DOM element from DOM elements', () => {
|
||||
// https://on.cypress.io/parent
|
||||
cy.get('.traversal-mark')
|
||||
.parent().should('contain', 'Morbi leo risus')
|
||||
})
|
||||
|
||||
it('.parents() - get parent DOM elements from DOM elements', () => {
|
||||
// https://on.cypress.io/parents
|
||||
cy.get('.traversal-cite')
|
||||
.parents().should('match', 'blockquote')
|
||||
})
|
||||
|
||||
it('.parentsUntil() - get parent DOM elements from DOM elements until el', () => {
|
||||
// https://on.cypress.io/parentsuntil
|
||||
cy.get('.clothes-nav')
|
||||
.find('.active')
|
||||
.parentsUntil('.clothes-nav')
|
||||
.should('have.length', 2)
|
||||
})
|
||||
|
||||
it('.prev() - get previous sibling DOM element', () => {
|
||||
// https://on.cypress.io/prev
|
||||
cy.get('.birds').find('.active')
|
||||
.prev().should('contain', 'Lorikeets')
|
||||
})
|
||||
|
||||
it('.prevAll() - get all previous sibling DOM elements', () => {
|
||||
// https://on.cypress.io/prevall
|
||||
cy.get('.fruits-list').find('.third')
|
||||
.prevAll().should('have.length', 2)
|
||||
})
|
||||
|
||||
it('.prevUntil() - get all previous sibling DOM elements until el', () => {
|
||||
// https://on.cypress.io/prevuntil
|
||||
cy.get('.foods-list').find('#nuts')
|
||||
.prevUntil('#veggies').should('have.length', 3)
|
||||
})
|
||||
|
||||
it('.siblings() - get all sibling DOM elements', () => {
|
||||
// https://on.cypress.io/siblings
|
||||
cy.get('.traversal-pills .active')
|
||||
.siblings().should('have.length', 2)
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,110 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Utilities', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/utilities')
|
||||
})
|
||||
|
||||
it('Cypress._ - call a lodash method', () => {
|
||||
// https://on.cypress.io/_
|
||||
cy.request('https://jsonplaceholder.cypress.io/users')
|
||||
.then((response) => {
|
||||
let ids = Cypress._.chain(response.body).map('id').take(3).value()
|
||||
|
||||
expect(ids).to.deep.eq([1, 2, 3])
|
||||
})
|
||||
})
|
||||
|
||||
it('Cypress.$ - call a jQuery method', () => {
|
||||
// https://on.cypress.io/$
|
||||
let $li = Cypress.$('.utility-jquery li:first')
|
||||
|
||||
cy.wrap($li)
|
||||
.should('not.have.class', 'active')
|
||||
.click()
|
||||
.should('have.class', 'active')
|
||||
})
|
||||
|
||||
it('Cypress.Blob - blob utilities and base64 string conversion', () => {
|
||||
// https://on.cypress.io/blob
|
||||
cy.get('.utility-blob').then(($div) => {
|
||||
// https://github.com/nolanlawson/blob-util#imgSrcToDataURL
|
||||
// get the dataUrl string for the javascript-logo
|
||||
return Cypress.Blob.imgSrcToDataURL('https://example.cypress.io/assets/img/javascript-logo.png', undefined, 'anonymous')
|
||||
.then((dataUrl) => {
|
||||
// create an <img> element and set its src to the dataUrl
|
||||
let img = Cypress.$('<img />', { src: dataUrl })
|
||||
|
||||
// need to explicitly return cy here since we are initially returning
|
||||
// the Cypress.Blob.imgSrcToDataURL promise to our test
|
||||
// append the image
|
||||
$div.append(img)
|
||||
|
||||
cy.get('.utility-blob img').click()
|
||||
.should('have.attr', 'src', dataUrl)
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
it('Cypress.minimatch - test out glob patterns against strings', () => {
|
||||
// https://on.cypress.io/minimatch
|
||||
let matching = Cypress.minimatch('/users/1/comments', '/users/*/comments', {
|
||||
matchBase: true,
|
||||
})
|
||||
|
||||
expect(matching, 'matching wildcard').to.be.true
|
||||
|
||||
matching = Cypress.minimatch('/users/1/comments/2', '/users/*/comments', {
|
||||
matchBase: true,
|
||||
})
|
||||
|
||||
expect(matching, 'comments').to.be.false
|
||||
|
||||
// ** matches against all downstream path segments
|
||||
matching = Cypress.minimatch('/foo/bar/baz/123/quux?a=b&c=2', '/foo/**', {
|
||||
matchBase: true,
|
||||
})
|
||||
|
||||
expect(matching, 'comments').to.be.true
|
||||
|
||||
// whereas * matches only the next path segment
|
||||
|
||||
matching = Cypress.minimatch('/foo/bar/baz/123/quux?a=b&c=2', '/foo/*', {
|
||||
matchBase: false,
|
||||
})
|
||||
|
||||
expect(matching, 'comments').to.be.false
|
||||
})
|
||||
|
||||
it('Cypress.Promise - instantiate a bluebird promise', () => {
|
||||
// https://on.cypress.io/promise
|
||||
let waited = false
|
||||
|
||||
/**
|
||||
* @return Bluebird<string>
|
||||
*/
|
||||
function waitOneSecond () {
|
||||
// return a promise that resolves after 1 second
|
||||
// @ts-ignore TS2351 (new Cypress.Promise)
|
||||
return new Cypress.Promise((resolve, reject) => {
|
||||
setTimeout(() => {
|
||||
// set waited to true
|
||||
waited = true
|
||||
|
||||
// resolve with 'foo' string
|
||||
resolve('foo')
|
||||
}, 1000)
|
||||
})
|
||||
}
|
||||
|
||||
cy.then(() => {
|
||||
// return a promise to cy.then() that
|
||||
// is awaited until it resolves
|
||||
// @ts-ignore TS7006
|
||||
return waitOneSecond().then((str) => {
|
||||
expect(str).to.eq('foo')
|
||||
expect(waited).to.be.true
|
||||
})
|
||||
})
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,59 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Viewport', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/viewport')
|
||||
})
|
||||
|
||||
it('cy.viewport() - set the viewport size and dimension', () => {
|
||||
// https://on.cypress.io/viewport
|
||||
|
||||
cy.get('#navbar').should('be.visible')
|
||||
cy.viewport(320, 480)
|
||||
|
||||
// the navbar should have collapse since our screen is smaller
|
||||
cy.get('#navbar').should('not.be.visible')
|
||||
cy.get('.navbar-toggle').should('be.visible').click()
|
||||
cy.get('.nav').find('a').should('be.visible')
|
||||
|
||||
// lets see what our app looks like on a super large screen
|
||||
cy.viewport(2999, 2999)
|
||||
|
||||
// cy.viewport() accepts a set of preset sizes
|
||||
// to easily set the screen to a device's width and height
|
||||
|
||||
// We added a cy.wait() between each viewport change so you can see
|
||||
// the change otherwise it is a little too fast to see :)
|
||||
|
||||
cy.viewport('macbook-15')
|
||||
cy.wait(200)
|
||||
cy.viewport('macbook-13')
|
||||
cy.wait(200)
|
||||
cy.viewport('macbook-11')
|
||||
cy.wait(200)
|
||||
cy.viewport('ipad-2')
|
||||
cy.wait(200)
|
||||
cy.viewport('ipad-mini')
|
||||
cy.wait(200)
|
||||
cy.viewport('iphone-6+')
|
||||
cy.wait(200)
|
||||
cy.viewport('iphone-6')
|
||||
cy.wait(200)
|
||||
cy.viewport('iphone-5')
|
||||
cy.wait(200)
|
||||
cy.viewport('iphone-4')
|
||||
cy.wait(200)
|
||||
cy.viewport('iphone-3')
|
||||
cy.wait(200)
|
||||
|
||||
// cy.viewport() accepts an orientation for all presets
|
||||
// the default orientation is 'portrait'
|
||||
cy.viewport('ipad-2', 'portrait')
|
||||
cy.wait(200)
|
||||
cy.viewport('iphone-4', 'landscape')
|
||||
cy.wait(200)
|
||||
|
||||
// The viewport will be reset back to the default dimensions
|
||||
// in between tests (the default can be set in cypress.json)
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,31 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Waiting', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/waiting')
|
||||
})
|
||||
// BE CAREFUL of adding unnecessary wait times.
|
||||
// https://on.cypress.io/best-practices#Unnecessary-Waiting
|
||||
|
||||
// https://on.cypress.io/wait
|
||||
it('cy.wait() - wait for a specific amount of time', () => {
|
||||
cy.get('.wait-input1').type('Wait 1000ms after typing')
|
||||
cy.wait(1000)
|
||||
cy.get('.wait-input2').type('Wait 1000ms after typing')
|
||||
cy.wait(1000)
|
||||
cy.get('.wait-input3').type('Wait 1000ms after typing')
|
||||
cy.wait(1000)
|
||||
})
|
||||
|
||||
it('cy.wait() - wait for a specific route', () => {
|
||||
// Listen to GET to comments/1
|
||||
cy.intercept('GET', '**/comments/*').as('getComment')
|
||||
|
||||
// we have code that gets a comment when
|
||||
// the button is clicked in scripts.js
|
||||
cy.get('.network-btn').click()
|
||||
|
||||
// wait for GET comments/1
|
||||
cy.wait('@getComment').its('response.statusCode').should('be.oneOf', [200, 304])
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,22 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
context('Window', () => {
|
||||
beforeEach(() => {
|
||||
cy.visit('https://example.cypress.io/commands/window')
|
||||
})
|
||||
|
||||
it('cy.window() - get the global window object', () => {
|
||||
// https://on.cypress.io/window
|
||||
cy.window().should('have.property', 'top')
|
||||
})
|
||||
|
||||
it('cy.document() - get the document object', () => {
|
||||
// https://on.cypress.io/document
|
||||
cy.document().should('have.property', 'charset').and('eq', 'UTF-8')
|
||||
})
|
||||
|
||||
it('cy.title() - get the title', () => {
|
||||
// https://on.cypress.io/title
|
||||
cy.title().should('include', 'Kitchen Sink')
|
||||
})
|
||||
})
|
||||
@ -0,0 +1,4 @@
|
||||
export abstract class BasePage {
|
||||
abstract visit(options: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow>;
|
||||
abstract visit(id: string, options: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow>;
|
||||
}
|
||||
@ -0,0 +1,93 @@
|
||||
import { BasePage } from "../../base.page";
|
||||
|
||||
class TvRequestPanel {
|
||||
|
||||
seasonTab(seasonNumber: number): Cypress.Chainable<any> {
|
||||
return cy.getByData("classStatus"+seasonNumber);
|
||||
}
|
||||
|
||||
getSeasonMasterCheckbox(seasonNumber: number): Cypress.Chainable<any> {
|
||||
return cy.getByData("masterCheckbox"+seasonNumber);
|
||||
}
|
||||
|
||||
getEpisodeSeasonCheckbox(seasonNumber: number, episodeNumber?: number): Cypress.Chainable<any> {
|
||||
return cy.getByData("episodeCheckbox"+seasonNumber+episodeNumber);
|
||||
}
|
||||
|
||||
getEpisodeCheckbox(seasonNumber: number): Cypress.Chainable<any> {
|
||||
return cy.getByDataLike("episodeCheckbox"+seasonNumber);
|
||||
}
|
||||
|
||||
getEpisodeStatus(seasonNumber: number, episodeNumber?: number): Cypress.Chainable<any> {
|
||||
if (episodeNumber) {
|
||||
return cy.getByData('episodeStatus'+seasonNumber+episodeNumber);
|
||||
}
|
||||
return cy.getByDataLike('episodeStatus'+seasonNumber);
|
||||
}
|
||||
}
|
||||
|
||||
class RequestFabButton {
|
||||
|
||||
get requestSelected(): Cypress.Chainable<any> {
|
||||
return cy.get('#requestSelected');
|
||||
}
|
||||
|
||||
get requestLatest(): Cypress.Chainable<any> {
|
||||
return cy.get('#requestLatest');
|
||||
}
|
||||
|
||||
get requestFirst(): Cypress.Chainable<any> {
|
||||
return cy.get('#requestFirst');
|
||||
}
|
||||
|
||||
get fab(): Cypress.Chainable<any> {
|
||||
return cy.get('#addFabBtn');
|
||||
}
|
||||
}
|
||||
|
||||
class TvDetailsInformationPanel {
|
||||
|
||||
get status(): Cypress.Chainable<any> {
|
||||
return cy.get('#status');
|
||||
}
|
||||
|
||||
getStreaming(streamName: string): Cypress.Chainable<any> {
|
||||
return cy.get(`#stream${streamName}`);
|
||||
}
|
||||
}
|
||||
|
||||
class TvDetailsPage extends BasePage {
|
||||
|
||||
get availableButton(): Cypress.Chainable<any> {
|
||||
return cy.get('#availableBtn');
|
||||
}
|
||||
|
||||
get requestButton(): Cypress.Chainable<any> {
|
||||
return cy.get('#requestBtn');
|
||||
}
|
||||
|
||||
get partiallyAvailableButton(): Cypress.Chainable<any> {
|
||||
return cy.get('#partiallyAvailableBtn');
|
||||
}
|
||||
|
||||
get reportIssueButton(): Cypress.Chainable<any> {
|
||||
return cy.get('#reportIssueBtn');
|
||||
}
|
||||
|
||||
|
||||
informationPanel = new TvDetailsInformationPanel();
|
||||
requestFabButton = new RequestFabButton();
|
||||
requestPanel = new TvRequestPanel();
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
}
|
||||
|
||||
visit(options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow>;
|
||||
visit(id: string, options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow>;
|
||||
visit(id: any, options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow> {
|
||||
return cy.visit(`/details/tv/` + id, options);
|
||||
}
|
||||
}
|
||||
|
||||
export const tvDetailsPage = new TvDetailsPage();
|
||||
@ -0,0 +1,80 @@
|
||||
import { BasePage } from "../base.page";
|
||||
|
||||
class DiscoverCard {
|
||||
private id: string;
|
||||
private movie: boolean;
|
||||
constructor(id: string, movie: boolean) {
|
||||
this.id = id;
|
||||
this.movie = movie;
|
||||
}
|
||||
|
||||
get topLevelCard(): Cypress.Chainable<any> {
|
||||
return cy.get(`#result${this.id}`);
|
||||
}
|
||||
|
||||
get requestType(): Cypress.Chainable<any> {
|
||||
return cy.get(`#type${this.id}`);
|
||||
}
|
||||
|
||||
get statusClass(): Cypress.Chainable<any> {
|
||||
return cy.get(`#status${this.id}`);
|
||||
}
|
||||
|
||||
get availabilityText(): Cypress.Chainable<any> {
|
||||
return cy.get(`#availabilityStatus${this.id}`);
|
||||
}
|
||||
|
||||
get title(): Cypress.Chainable<any> {
|
||||
return cy.get(`#title${this.id}`);
|
||||
}
|
||||
|
||||
get overview(): Cypress.Chainable<any> {
|
||||
return cy.get(`#overview${this.id}`);
|
||||
}
|
||||
|
||||
get requestButton(): Cypress.Chainable<any> {
|
||||
return cy.get(`#requestButton${this.id}${this.movie ? '1' : '0'}`);
|
||||
}
|
||||
|
||||
verifyTitle(expected: string): Cypress.Chainable<any> {
|
||||
return this.title.should('have.text',expected);
|
||||
}
|
||||
}
|
||||
|
||||
class CarouselComponent {
|
||||
private type: string;
|
||||
|
||||
get combinedButton(): Cypress.Chainable<any> {
|
||||
return cy.get(`#${this.type}Combined-button`);
|
||||
}
|
||||
|
||||
get movieButton(): Cypress.Chainable<any> {
|
||||
return cy.get(`#${this.type}Movie-button`);
|
||||
}
|
||||
|
||||
get tvButton(): Cypress.Chainable<any> {
|
||||
return cy.get(`#${this.type}Tv-button`);
|
||||
}
|
||||
|
||||
getCard(id: string, movie: boolean): DiscoverCard {
|
||||
return new DiscoverCard(id, movie);
|
||||
}
|
||||
|
||||
constructor(id: string) {
|
||||
this.type = id;
|
||||
}
|
||||
}
|
||||
|
||||
class DiscoverPage extends BasePage {
|
||||
popularCarousel = new CarouselComponent("popular");
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
}
|
||||
|
||||
visit(options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow> {
|
||||
return cy.visit(`/discover`, options);
|
||||
}
|
||||
}
|
||||
|
||||
export const discoverPage = new DiscoverPage();
|
||||
@ -0,0 +1,4 @@
|
||||
export * from './discover/discover.page';
|
||||
export * from './login/login.page';
|
||||
export * from './wizard/wizard.page';
|
||||
export * from './details/tv/tvdetails.page';
|
||||
@ -0,0 +1,30 @@
|
||||
import { BasePage } from "../base.page";
|
||||
|
||||
class LoginPage extends BasePage {
|
||||
|
||||
get username(): Cypress.Chainable<any> {
|
||||
return cy.get('#username-field');
|
||||
}
|
||||
|
||||
get password(): Cypress.Chainable<any> {
|
||||
return cy.get('#password-field');
|
||||
}
|
||||
|
||||
get ombiSignInButton(): Cypress.Chainable<any> {
|
||||
return cy.get('[data-cy=OmbiButton]');
|
||||
}
|
||||
|
||||
get plexSignInButton(): Cypress.Chainable<any> {
|
||||
return cy.get('[data-cy=oAuthPlexButton]');
|
||||
}
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
}
|
||||
|
||||
visit(options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow> {
|
||||
return cy.visit(`/login`, options);
|
||||
}
|
||||
}
|
||||
|
||||
export const loginPage = new LoginPage();
|
||||
@ -0,0 +1,64 @@
|
||||
import { BasePage } from "../base.page";
|
||||
|
||||
class LocalUserTab {
|
||||
get username(): Cypress.Chainable<any> {
|
||||
return cy.get('#adminUsername');
|
||||
}
|
||||
|
||||
get password(): Cypress.Chainable<any> {
|
||||
return cy.get('#adminPassword');
|
||||
}
|
||||
|
||||
get next(): Cypress.Chainable<any> {
|
||||
return cy.getByData('nextLocalUser');
|
||||
}
|
||||
}
|
||||
|
||||
class WelcomeTab {
|
||||
get next(): Cypress.Chainable<any> {
|
||||
return cy.getByData('nextWelcome');
|
||||
}
|
||||
}
|
||||
|
||||
class MediaServerTab {
|
||||
get next(): Cypress.Chainable<any> {
|
||||
return cy.getByData('nextMediaServer');
|
||||
}
|
||||
}
|
||||
|
||||
class OmbiConfigTab {
|
||||
get next(): Cypress.Chainable<any> {
|
||||
return cy.getByData('nextOmbiConfig');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
class WizardPage extends BasePage {
|
||||
|
||||
localUserTab: LocalUserTab;
|
||||
welcomeTab: WelcomeTab;
|
||||
mediaServerTab: MediaServerTab;
|
||||
ombiConfigTab: OmbiConfigTab;
|
||||
|
||||
get finishButton(): Cypress.Chainable<any> {
|
||||
return cy.get('#finishWizard');
|
||||
}
|
||||
|
||||
get matStepsHeader(): Cypress.Chainable<any> {
|
||||
return cy.get('mat-step-header');
|
||||
}
|
||||
|
||||
constructor() {
|
||||
super();
|
||||
this.localUserTab = new LocalUserTab();
|
||||
this.welcomeTab = new WelcomeTab();
|
||||
this.mediaServerTab = new MediaServerTab();
|
||||
this.ombiConfigTab = new OmbiConfigTab();
|
||||
}
|
||||
|
||||
visit(options?: Cypress.VisitOptions): Cypress.Chainable<Cypress.AUTWindow> {
|
||||
return cy.visit(`/`, options);
|
||||
}
|
||||
}
|
||||
|
||||
export const wizardPage = new WizardPage();
|
||||
@ -0,0 +1,4 @@
|
||||
export interface IClaims {
|
||||
value: string;
|
||||
enabled: boolean;
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
/// <reference types="cypress" />
|
||||
// ***********************************************************
|
||||
// This example plugins/index.js can be used to load plugins
|
||||
//
|
||||
// You can change the location of this file or turn off loading
|
||||
// the plugins file with the 'pluginsFile' configuration option.
|
||||
//
|
||||
// You can read more here:
|
||||
// https://on.cypress.io/plugins-guide
|
||||
// ***********************************************************
|
||||
|
||||
// This function is called when a project is opened or re-opened (e.g. due to
|
||||
// the project's config changing)
|
||||
|
||||
/**
|
||||
* @type {Cypress.PluginConfig}
|
||||
*/
|
||||
module.exports = (on, config) => {
|
||||
// `on` is used to hook into various events Cypress emits
|
||||
// `config` is the resolved Cypress config
|
||||
}
|
||||
@ -0,0 +1,121 @@
|
||||
// ***********************************************
|
||||
// This example commands.js shows you how to
|
||||
// create various custom commands and overwrite
|
||||
// existing commands.
|
||||
//
|
||||
// For more comprehensive examples of custom
|
||||
// commands please read more here:
|
||||
// https://on.cypress.io/custom-commands
|
||||
// ***********************************************
|
||||
//
|
||||
//
|
||||
// -- This is a parent command --
|
||||
// Cypress.Commands.add("login", (email, password) => { ... })
|
||||
//
|
||||
//
|
||||
// -- This is a child command --
|
||||
// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
|
||||
//
|
||||
//
|
||||
// -- This is a dual command --
|
||||
// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
|
||||
//
|
||||
//
|
||||
// -- This will overwrite an existing command --
|
||||
// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
|
||||
|
||||
Cypress.Commands.add("landingSettings", (enabled) => {
|
||||
cy.fixture('login/landingPageSettings').then((settings) => {
|
||||
settings.enabled = enabled;
|
||||
cy.intercept("GET", "**/Settings/LandingPage", settings).as("landingPageSettingsDisabled");
|
||||
})
|
||||
})
|
||||
|
||||
Cypress.Commands.add('login', (username, password) => {
|
||||
cy.request({
|
||||
method: 'POST',
|
||||
url: '/api/v1/token',
|
||||
body: {
|
||||
username: username,
|
||||
password: password,
|
||||
}
|
||||
})
|
||||
.then((resp) => {
|
||||
window.localStorage.setItem('id_token', resp.body.access_token);
|
||||
});
|
||||
});
|
||||
|
||||
Cypress.Commands.add('login', () => {
|
||||
cy.clearLocalStorage();
|
||||
cy.request({
|
||||
method: 'POST',
|
||||
url: '/api/v1/token',
|
||||
body: {
|
||||
username: Cypress.env('username'),
|
||||
password: Cypress.env('password'),
|
||||
}
|
||||
})
|
||||
.then((resp) => {
|
||||
window.localStorage.setItem('id_token', resp.body.access_token);
|
||||
});
|
||||
});
|
||||
|
||||
Cypress.Commands.add('removeLogin', () => {
|
||||
window.localStorage.removeItem('id_token');
|
||||
});
|
||||
|
||||
Cypress.Commands.add('verifyNotification', (text) => {
|
||||
cy.contains(text);
|
||||
});
|
||||
|
||||
Cypress.Commands.add('createUser', (username, password, claims) => {
|
||||
cy.request({
|
||||
method: 'POST',
|
||||
url: '/api/v1/identity',
|
||||
body: {
|
||||
UserName: username,
|
||||
Password: password,
|
||||
Claims: claims,
|
||||
},
|
||||
headers: {
|
||||
'Authorization': 'Bearer ' + window.localStorage.getItem('id_token'),
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
Cypress.Commands.add('generateUniqueId', () => {
|
||||
const uniqueSeed = Date.now().toString();
|
||||
const id = Cypress._.uniqueId(uniqueSeed);
|
||||
return id;
|
||||
});
|
||||
|
||||
Cypress.Commands.add("getByData", (selector, ...args) => {
|
||||
return cy.get(`[data-test=${selector}]`, ...args);
|
||||
});
|
||||
|
||||
Cypress.Commands.add("getByData", (selector) => {
|
||||
return cy.get(`[data-test=${selector}]`);
|
||||
});
|
||||
|
||||
Cypress.Commands.add("getByDataLike", (selector) => {
|
||||
return cy.get(`[data-test*=${selector}]`);
|
||||
});
|
||||
|
||||
Cypress.Commands.add('triggerHover', function(elements) {
|
||||
|
||||
fireEvent(elements, 'mouseover');
|
||||
|
||||
|
||||
function fireEvent(element, event) {
|
||||
if (element.fireEvent) {
|
||||
element.fireEvent('on' + event);
|
||||
} else {
|
||||
var evObj = document.createEvent('Events');
|
||||
|
||||
evObj.initEvent(event, true, false);
|
||||
|
||||
element.dispatchEvent(evObj);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
@ -0,0 +1,22 @@
|
||||
// ***********************************************************
|
||||
// This example support/index.js is processed and
|
||||
// loaded automatically before your test files.
|
||||
//
|
||||
// This is a great place to put global configuration and
|
||||
// behavior that modifies Cypress.
|
||||
//
|
||||
// You can change the location of this file or turn off
|
||||
// automatically serving support files with the
|
||||
// 'supportFile' configuration option.
|
||||
//
|
||||
// You can read more here:
|
||||
// https://on.cypress.io/configuration
|
||||
// ***********************************************************
|
||||
|
||||
// Import commands.js using ES2015 syntax:
|
||||
import './commands'
|
||||
import './request.commands';
|
||||
import "cypress-real-events/support";
|
||||
|
||||
// Alternatively you can use CommonJS syntax:
|
||||
// require('./commands')
|
||||
@ -0,0 +1,50 @@
|
||||
|
||||
Cypress.Commands.add('requestGenericMovie', () => {
|
||||
cy.request({
|
||||
method: 'POST',
|
||||
url: '/api/v1/request/movie',
|
||||
body: {
|
||||
TheMovieDbId: 299536
|
||||
},
|
||||
headers: {
|
||||
'Authorization': 'Bearer ' + window.localStorage.getItem('id_token'),
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
Cypress.Commands.add('requestMovie', (movieId) => {
|
||||
cy.request({
|
||||
method: 'POST',
|
||||
url: '/api/v1/request/movie',
|
||||
body: {
|
||||
TheMovieDbId: movieId
|
||||
},
|
||||
headers: {
|
||||
'Authorization': 'Bearer ' + window.localStorage.getItem('id_token'),
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
Cypress.Commands.add('requestAllTv', (tvId) => {
|
||||
cy.request({
|
||||
method: 'POST',
|
||||
url: '/api/v1/request/tv',
|
||||
body: {
|
||||
TvDbId: tvId,
|
||||
RequestAll: true
|
||||
},
|
||||
headers: {
|
||||
'Authorization': 'Bearer ' + window.localStorage.getItem('id_token'),
|
||||
}
|
||||
});
|
||||
})
|
||||
|
||||
Cypress.Commands.add('removeAllMovieRequests', () => {
|
||||
cy.request({
|
||||
method: 'DELETE',
|
||||
url: '/api/v1/request/movie/all',
|
||||
headers: {
|
||||
'Authorization': 'Bearer ' + window.localStorage.getItem('id_token'),
|
||||
}
|
||||
});
|
||||
})
|
||||
@ -0,0 +1,54 @@
|
||||
import { wizardPage as Page } from "@/integration/page-objects";
|
||||
|
||||
describe("Wizard Setup", () => {
|
||||
|
||||
it("Wizard should be first page", () => {
|
||||
Page.visit();
|
||||
cy.location("pathname").should("contains", "/Wizard");
|
||||
});
|
||||
|
||||
|
||||
it("Finsh with no local user", () => {
|
||||
Page.visit();
|
||||
|
||||
Page.welcomeTab.next.click();
|
||||
Page.mediaServerTab.next.click();
|
||||
Page.localUserTab.next.click();
|
||||
Page.ombiConfigTab.next.click();
|
||||
Page.finishButton.click();
|
||||
|
||||
cy.verifyNotification("Username '' is invalid, can only contain letters or digits.")
|
||||
|
||||
// Verify we end back up on the user page
|
||||
Page.matStepsHeader.then((items) => {
|
||||
|
||||
const results = items.filter((index, html) => {
|
||||
var attributes = Cypress.$(html).attr('ng-reflect-index');
|
||||
return attributes === "2"; // 2nd index
|
||||
}).get()[0];
|
||||
|
||||
console.log(results);
|
||||
|
||||
var attr = Cypress.$(results).attr('ng-reflect-selected');
|
||||
assert.equal(attr, 'true');
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
it("Compete Wizard", () => {
|
||||
Page.visit();
|
||||
|
||||
Page.welcomeTab.next.click();
|
||||
Page.mediaServerTab.next.click();
|
||||
|
||||
Page.localUserTab.username.type(Cypress.env("username"));
|
||||
Page.localUserTab.password.type(Cypress.env("password"));
|
||||
|
||||
Page.localUserTab.next.click();
|
||||
Page.ombiConfigTab.next.click();
|
||||
|
||||
Page.finishButton.click();
|
||||
|
||||
cy.location("pathname").should("contains", "/login");
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,85 @@
|
||||
import { tvDetailsPage as Page } from "@/integration/page-objects";
|
||||
|
||||
describe("TV Details Buttons", () => {
|
||||
beforeEach(() => {
|
||||
cy.login();
|
||||
});
|
||||
|
||||
it("Fully Available Request", () => {
|
||||
|
||||
cy.intercept("GET", "**/v2/search/Tv/121361", (req) => {
|
||||
req.reply((res) => {
|
||||
const body = res.body;
|
||||
body.fullyAvailable = true;
|
||||
body.partlyAvailable = false;
|
||||
res.send(body);
|
||||
});
|
||||
}).as("detailsResponse");
|
||||
|
||||
Page.visit("121361");
|
||||
|
||||
cy.wait('@detailsResponse');
|
||||
|
||||
Page.availableButton.should('be.visible');
|
||||
Page.requestButton.should('not.exist');
|
||||
Page.requestFabButton.fab.should('not.exist');
|
||||
});
|
||||
|
||||
it("Partially Available Request", () => {
|
||||
|
||||
cy.intercept("GET", "**/v2/search/Tv/121361", (req) => {
|
||||
req.reply((res) => {
|
||||
const body = res.body;
|
||||
body.fullyAvailable = false;
|
||||
body.partlyAvailable = true;
|
||||
res.send(body);
|
||||
});
|
||||
}).as("detailsResponse");
|
||||
|
||||
Page.visit("121361");
|
||||
|
||||
cy.wait('@detailsResponse');
|
||||
|
||||
Page.availableButton.should('not.exist');
|
||||
Page.requestButton.should('be.visible');
|
||||
Page.requestFabButton.fab.should('be.visible');
|
||||
Page.partiallyAvailableButton.should('be.visible');
|
||||
});
|
||||
|
||||
it("Not Available Request", () => {
|
||||
|
||||
cy.intercept("GET", "**/v2/search/Tv/121361", (req) => {
|
||||
req.reply((res) => {
|
||||
const body = res.body;
|
||||
body.fullyAvailable = false;
|
||||
body.partlyAvailable = false;
|
||||
res.send(body);
|
||||
});
|
||||
}).as("detailsResponse");
|
||||
|
||||
Page.visit("121361");
|
||||
cy.wait('@detailsResponse');
|
||||
|
||||
Page.availableButton.should('not.exist');
|
||||
Page.requestButton.should('be.visible');
|
||||
Page.requestFabButton.fab.should('be.visible');
|
||||
Page.partiallyAvailableButton.should('not.exist');
|
||||
});
|
||||
|
||||
|
||||
it("Issues Enabled", () => {
|
||||
cy.intercept("GET", "Settings/issuesenabled", 'true');
|
||||
|
||||
cy.visit("/details/tv/121361");
|
||||
|
||||
Page.reportIssueButton.should('be.visible');
|
||||
});
|
||||
|
||||
it("Issues Disabled", () => {
|
||||
cy.intercept("GET", "Settings/issuesenabled", 'false');
|
||||
|
||||
Page.visit("121361");
|
||||
|
||||
Page.reportIssueButton.should('not.exist');
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,37 @@
|
||||
import { tvDetailsPage as Page } from "@/integration/page-objects";
|
||||
|
||||
describe('TV Details Information Panel',() => {
|
||||
beforeEach(() => {
|
||||
cy.login();
|
||||
});
|
||||
|
||||
it('Status should be ended',() => {
|
||||
Page.visit('121361');
|
||||
Page.informationPanel.status.contains("Ended")
|
||||
});
|
||||
|
||||
|
||||
it('Streaming Data should display',() => {
|
||||
cy.intercept("GET", "**/search/stream/tv/**", { fixture: 'details/tv/streamingResponse'}).as("streamingResponse");
|
||||
|
||||
Page.visit('121361');
|
||||
cy.wait('@streamingResponse')
|
||||
|
||||
Page.informationPanel.getStreaming('Super1').should('be.visible');
|
||||
Page.informationPanel.getStreaming('JamiesNetwork').should('be.visible');
|
||||
});
|
||||
|
||||
|
||||
it('Streaming Data should be in correct order',() => {
|
||||
cy.intercept("GET", "**/search/stream/tv/**", { fixture: 'details/tv/streamingResponse'}).as("streamingResponse");
|
||||
|
||||
Page.visit('121361');
|
||||
cy.wait('@streamingResponse')
|
||||
|
||||
cy.get('.stream-small').then((items) => {
|
||||
const results = items.map((index, html) => Cypress.$(html).attr('id')).get();
|
||||
console.log(results);
|
||||
return results;
|
||||
}).should('deep.eq', ['streamSuper1',"streamJamiesNetwork"]);
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,177 @@
|
||||
import { tvDetailsPage as Page } from "@/integration/page-objects";
|
||||
|
||||
describe("TV Requests Grid", function () {
|
||||
beforeEach(() => {
|
||||
cy.login();
|
||||
});
|
||||
|
||||
it("Season not available", () => {
|
||||
Page.visit('121361');
|
||||
|
||||
Page.requestPanel.seasonTab(1)
|
||||
.should("not.have.class", "available")
|
||||
.should("not.have.class", "requested")
|
||||
.should("not.have.class", "approved");
|
||||
|
||||
Page.requestPanel.getSeasonMasterCheckbox(1).should("be.visible");
|
||||
Page.requestPanel.getEpisodeCheckbox(1).each((element) => {
|
||||
expect(element.length).to.be.greaterThan(0);
|
||||
});
|
||||
});
|
||||
|
||||
it("Season is requested", () => {
|
||||
cy.intercept("GET", "**/v2/search/Tv/121361", (req) => {
|
||||
req.reply((res) => {
|
||||
const body = res.body;
|
||||
const requests = body.seasonRequests[0].episodes;
|
||||
requests.forEach((req) => {
|
||||
req.requested = true;
|
||||
req.approved = false;
|
||||
req.requestStatus = "Common.PendingApproval";
|
||||
});
|
||||
body.seasonRequests[0].episodes = requests;
|
||||
res.send(body);
|
||||
});
|
||||
}).as("detailsResponse");
|
||||
|
||||
Page.visit('121361');
|
||||
|
||||
cy.wait("@detailsResponse");
|
||||
|
||||
Page.requestPanel.seasonTab(1)
|
||||
.should("not.have.class", "available")
|
||||
.should("have.class", "requested")
|
||||
.should("not.have.class", "approved");
|
||||
|
||||
// checkboxes
|
||||
Page.requestPanel.getSeasonMasterCheckbox(1).should("not.exist");
|
||||
Page.requestPanel.getEpisodeCheckbox(1).should("not.exist");
|
||||
|
||||
Page.requestPanel.getEpisodeStatus(1).each((element) => {
|
||||
expect(element.hasClass("requested")).to.be.true;
|
||||
expect(element.text()).contain('Pending Approval');
|
||||
});
|
||||
});
|
||||
|
||||
it("Season is approved", () => {
|
||||
cy.intercept("GET", "**/v2/search/Tv/121361", (req) => {
|
||||
req.reply((res) => {
|
||||
const body = res.body;
|
||||
const requests = body.seasonRequests[0].episodes;
|
||||
requests.forEach((req) => {
|
||||
req.approved = true;
|
||||
req.requested = true;
|
||||
req.requestStatus = "Common.Approved";
|
||||
});
|
||||
body.seasonRequests[0].episodes = requests;
|
||||
res.send(body);
|
||||
});
|
||||
}).as("detailsResponse");
|
||||
|
||||
Page.visit('121361');
|
||||
|
||||
cy.wait("@detailsResponse");
|
||||
|
||||
Page.requestPanel.seasonTab(1)
|
||||
.should("not.have.class", "available")
|
||||
.should("not.have.class", "requested")
|
||||
.should("have.class", "approved");
|
||||
|
||||
// checkboxes
|
||||
Page.requestPanel.getSeasonMasterCheckbox(1).should("not.exist");
|
||||
Page.requestPanel.getEpisodeCheckbox(1).should("not.exist");
|
||||
|
||||
Page.requestPanel.getEpisodeStatus(1).each((element) => {
|
||||
expect(element.hasClass("approved")).to.be.true;
|
||||
expect(element.text()).contain('Approved');
|
||||
});
|
||||
});
|
||||
|
||||
it("Season is available", () => {
|
||||
cy.intercept("GET", "**/v2/search/Tv/121361", (req) => {
|
||||
req.reply((res) => {
|
||||
const body = res.body;
|
||||
const requests = body.seasonRequests[0].episodes;
|
||||
requests.forEach((req) => {
|
||||
req.available = true;
|
||||
req.requestStatus = "Common.Available";
|
||||
});
|
||||
body.seasonRequests[0].episodes = requests;
|
||||
res.send(body);
|
||||
});
|
||||
}).as("detailsResponse");
|
||||
|
||||
Page.visit('121361');
|
||||
|
||||
cy.wait("@detailsResponse");
|
||||
|
||||
Page.requestPanel.seasonTab(1)
|
||||
.should("have.class", "available")
|
||||
.should("not.have.class", "requested")
|
||||
.should("not.have.class", "approved");
|
||||
|
||||
// checkboxes
|
||||
Page.requestPanel.getSeasonMasterCheckbox(1).should("not.exist");
|
||||
Page.requestPanel.getEpisodeCheckbox(1).should("not.exist");
|
||||
|
||||
Page.requestPanel.getEpisodeStatus(1).each((element) => {
|
||||
expect(element.hasClass("available")).to.be.true;
|
||||
expect(element.text()).contain('Available');
|
||||
});
|
||||
});
|
||||
|
||||
it("Request no episodes", () => {
|
||||
Page.visit('121361');
|
||||
|
||||
Page.requestFabButton.fab.click();
|
||||
Page.requestFabButton.requestSelected.click();
|
||||
|
||||
cy.verifyNotification('You need to select some episodes!');
|
||||
});
|
||||
|
||||
it("Request single episodes", () => {
|
||||
Page.visit('121361');
|
||||
|
||||
Page.requestPanel.seasonTab(2).click();
|
||||
Page.requestPanel.getEpisodeSeasonCheckbox(2,1).click();
|
||||
Page.requestFabButton.fab.click();
|
||||
Page.requestFabButton.requestSelected.click();
|
||||
|
||||
cy.verifyNotification('Request for Game of Thrones has been added successfully');
|
||||
|
||||
Page.requestPanel.getEpisodeStatus(2,1)
|
||||
.should('contain.text', 'Pending Approval')
|
||||
.should('have.class', 'requested')
|
||||
});
|
||||
|
||||
|
||||
it("Request First Season", () => {
|
||||
Page.visit('121361');
|
||||
|
||||
Page.requestFabButton.fab.click();
|
||||
Page.requestFabButton.requestFirst.click();
|
||||
|
||||
cy.verifyNotification('Request for Game of Thrones has been added successfully');
|
||||
|
||||
Page.requestPanel.getEpisodeStatus(1)
|
||||
.should('contain.text', 'Pending Approval')
|
||||
.should('have.class', 'requested')
|
||||
});
|
||||
|
||||
it("Request Latest Season", () => {
|
||||
Page.visit('121361');
|
||||
|
||||
Page.requestFabButton.fab.click();
|
||||
Page.requestFabButton.requestLatest.click();
|
||||
|
||||
cy.verifyNotification('Request for Game of Thrones has been added successfully');
|
||||
|
||||
Page.requestPanel.seasonTab(8)
|
||||
.click()
|
||||
.should("have.class", "requested");
|
||||
|
||||
Page.requestPanel.getEpisodeStatus(8)
|
||||
.should('contain.text', 'Pending Approval')
|
||||
.should('have.class', 'requested')
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,205 @@
|
||||
import { discoverPage as Page } from "@/integration/page-objects";
|
||||
|
||||
describe("Discover Cards Tests", () => {
|
||||
beforeEach(() => {
|
||||
cy.login();
|
||||
});
|
||||
|
||||
it("Popular combined should load movies and TV", () => {
|
||||
cy.intercept("GET", "**/search/Movie/Popular/**").as("moviePopular");
|
||||
cy.intercept("GET", "**/search/Tv/popular/**").as("tvPopular");
|
||||
Page.visit();
|
||||
|
||||
cy.wait("@moviePopular");
|
||||
cy.wait("@tvPopular");
|
||||
});
|
||||
|
||||
it("Popular Movie should load movies", () => {
|
||||
cy.intercept("GET", "**/search/Movie/Popular/**").as("moviePopular");
|
||||
Page.visit();
|
||||
Page.popularCarousel.movieButton.click();
|
||||
|
||||
cy.wait("@moviePopular");
|
||||
});
|
||||
|
||||
it("Popular TV should load TV", () => {
|
||||
cy.intercept("GET", "**/search/Tv/popular/**").as("tvPopular");
|
||||
Page.visit();
|
||||
Page.popularCarousel.tvButton.click();
|
||||
|
||||
cy.wait("@tvPopular");
|
||||
});
|
||||
|
||||
it("Popular Moives selected when set in localstorage", () => {
|
||||
window.localStorage.setItem("DiscoverOptions2", "2");
|
||||
cy.intercept("GET", "**/search/Movie/Popular/**").as("moviePopular");
|
||||
Page.visit();
|
||||
Page.popularCarousel.movieButton
|
||||
.parent()
|
||||
.should("have.class", "button-active");
|
||||
|
||||
cy.wait("@moviePopular");
|
||||
});
|
||||
|
||||
it("Popular Tv selected when set in localstorage", () => {
|
||||
window.localStorage.setItem("DiscoverOptions2", "3");
|
||||
cy.intercept("GET", "**/search/Tv/popular/**").as("tvPopular");
|
||||
Page.visit();
|
||||
Page.popularCarousel.tvButton
|
||||
.parent()
|
||||
.should("have.class", "button-active");
|
||||
|
||||
cy.wait("@tvPopular");
|
||||
});
|
||||
|
||||
it("Popular Combined selected when set in localstorage", () => {
|
||||
window.localStorage.setItem("DiscoverOptions2", "1");
|
||||
cy.intercept("GET", "**/search/Movie/Popular/**").as("moviePopular");
|
||||
cy.intercept("GET", "**/search/Tv/popular/**").as("tvPopular");
|
||||
Page.visit();
|
||||
Page.popularCarousel.combinedButton
|
||||
.parent()
|
||||
.should("have.class", "button-active");
|
||||
|
||||
cy.wait("@moviePopular");
|
||||
cy.wait("@tvPopular");
|
||||
});
|
||||
|
||||
it("Not requested movie allows us to request", () => {
|
||||
window.localStorage.setItem("DiscoverOptions2", "2");
|
||||
cy.intercept("GET", "**/search/Movie/Popular/**", (req) => {
|
||||
req.reply((res) => {
|
||||
const body = res.body;
|
||||
const movie = body[0];
|
||||
movie.available = false;
|
||||
movie.approved = false;
|
||||
movie.requested = false;
|
||||
|
||||
body[0] = movie;
|
||||
res.send(body);
|
||||
});
|
||||
}).as("cardsResponse");
|
||||
|
||||
Page.visit();
|
||||
|
||||
cy.wait("@cardsResponse").then((res) => {
|
||||
const body = JSON.parse(res.response.body);
|
||||
var expectedId = body[0].id;
|
||||
var title = body[0].title;
|
||||
|
||||
const card = Page.popularCarousel.getCard(expectedId, true);
|
||||
card.verifyTitle(title);
|
||||
card.requestButton.should("exist");
|
||||
// Not visible until hover
|
||||
card.requestButton.should("not.be.visible");
|
||||
cy.wait(500)
|
||||
card.topLevelCard.realHover();
|
||||
|
||||
card.requestButton.should("be.visible");
|
||||
card.requestButton.click();
|
||||
|
||||
cy.verifyNotification("has been successfully added!");
|
||||
|
||||
card.requestButton.should("not.be.visible");
|
||||
card.availabilityText.should('have.text','Pending');
|
||||
card.statusClass.should('have.class','requested');
|
||||
});
|
||||
});
|
||||
|
||||
it("Available movie does not allow us to request", () => {
|
||||
window.localStorage.setItem("DiscoverOptions2", "2");
|
||||
cy.intercept("GET", "**/search/Movie/Popular/**", (req) => {
|
||||
req.reply((res) => {
|
||||
const body = res.body;
|
||||
const movie = body[1];
|
||||
movie.available = true;
|
||||
movie.approved = false;
|
||||
movie.requested = false;
|
||||
|
||||
body[1] = movie;
|
||||
res.send(body);
|
||||
});
|
||||
}).as("cardsResponse");
|
||||
|
||||
Page.visit();
|
||||
|
||||
cy.wait("@cardsResponse").then((res) => {
|
||||
const body = JSON.parse(res.response.body);
|
||||
var expectedId = body[1].id;
|
||||
var title = body[1].title;
|
||||
|
||||
const card = Page.popularCarousel.getCard(expectedId, true);
|
||||
card.verifyTitle(title);
|
||||
card.topLevelCard.realHover();
|
||||
|
||||
card.requestButton.should("not.be.visible");
|
||||
card.availabilityText.should('have.text','Available');
|
||||
card.statusClass.should('have.class','available');
|
||||
});
|
||||
});
|
||||
|
||||
it("Requested movie does not allow us to request", () => {
|
||||
window.localStorage.setItem("DiscoverOptions2", "2");
|
||||
cy.intercept("GET", "**/search/Movie/Popular/**", (req) => {
|
||||
req.reply((res) => {
|
||||
const body = res.body;
|
||||
const movie = body[1];
|
||||
movie.available = false;
|
||||
movie.approved = false;
|
||||
movie.requested = true;
|
||||
|
||||
body[1] = movie;
|
||||
res.send(body);
|
||||
});
|
||||
}).as("cardsResponse");
|
||||
|
||||
Page.visit();
|
||||
|
||||
cy.wait("@cardsResponse").then((res) => {
|
||||
const body = JSON.parse(res.response.body);
|
||||
var expectedId = body[1].id;
|
||||
var title = body[1].title;
|
||||
|
||||
const card = Page.popularCarousel.getCard(expectedId, true);
|
||||
card.verifyTitle(title);
|
||||
|
||||
card.topLevelCard.realHover();
|
||||
|
||||
card.requestButton.should("not.be.visible");
|
||||
card.availabilityText.should('have.text','Pending');
|
||||
card.statusClass.should('have.class','requested');
|
||||
});
|
||||
|
||||
it("Approved movie does not allow us to request", () => {
|
||||
window.localStorage.setItem("DiscoverOptions2", "2");
|
||||
cy.intercept("GET", "**/search/Movie/Popular/**", (req) => {
|
||||
req.reply((res) => {
|
||||
const body = res.body;
|
||||
const movie = body[1];
|
||||
movie.available = false;
|
||||
movie.approved = true;
|
||||
movie.requested = true;
|
||||
|
||||
body[1] = movie;
|
||||
res.send(body);
|
||||
});
|
||||
}).as("cardsResponse");
|
||||
|
||||
Page.visit();
|
||||
|
||||
cy.wait("@cardsResponse").then((res) => {
|
||||
const body = JSON.parse(res.response.body);
|
||||
var expectedId = body[1].id;
|
||||
var title = body[1].title;
|
||||
|
||||
const card = Page.popularCarousel.getCard(expectedId, true);
|
||||
card.verifyTitle(title);
|
||||
card.topLevelCard.realHover();
|
||||
|
||||
card.requestButton.should("not.be.visible");
|
||||
card.availabilityText.should('have.text','Approved');
|
||||
card.statusClass.should('have.class','approved');
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,88 @@
|
||||
import { loginPage as Page } from "@/integration/page-objects";
|
||||
|
||||
describe("Login Tests", () => {
|
||||
it("Landing Page is enabled, should redirect", () => {
|
||||
cy.landingSettings(true);
|
||||
Page.visit();
|
||||
cy.location("pathname").should("eq", "/landingpage");
|
||||
cy.get("[data-cy=continue]").click();
|
||||
cy.location("pathname").should("contains", "/login");
|
||||
});
|
||||
|
||||
it("Landing Page is disabled, should not redirect", () => {
|
||||
cy.landingSettings(false);
|
||||
Page.visit();
|
||||
|
||||
cy.location("pathname").should("eq", "/login");
|
||||
});
|
||||
|
||||
it("Plex OAuth Enabled, should be button", () => {
|
||||
cy.landingSettings(false);
|
||||
cy.fixture("login/authenticationSettngs").then((settings) => {
|
||||
settings.enableOAuth = true;
|
||||
cy.intercept("GET", "/Settings/Authentication", settings).as(
|
||||
"authSettings"
|
||||
);
|
||||
});
|
||||
|
||||
Page.visit();
|
||||
|
||||
Page.plexSignInButton.should("be.visible");
|
||||
Page.ombiSignInButton.should("be.visible");
|
||||
});
|
||||
|
||||
it("Plex OAuth Diabled, Should show local form", () => {
|
||||
cy.landingSettings(false);
|
||||
cy.fixture("login/authenticationSettngs").then((settings) => {
|
||||
settings.enableOAuth = false;
|
||||
cy.intercept("GET", "/Settings/Authentication", settings).as(
|
||||
"authSettings"
|
||||
);
|
||||
});
|
||||
|
||||
Page.visit();
|
||||
|
||||
Page.ombiSignInButton.should("be.visible");
|
||||
|
||||
Page.username.should("be.visible");
|
||||
Page.password.should("be.visible");
|
||||
});
|
||||
|
||||
it("Invalid Password", () => {
|
||||
cy.landingSettings(false);
|
||||
|
||||
Page.visit();
|
||||
cy.contains("Sign in");
|
||||
|
||||
Page.username.type("automation");
|
||||
Page.password.type("incorrectpw");
|
||||
|
||||
Page.ombiSignInButton.click();
|
||||
cy.verifyNotification("Incorrect username");
|
||||
});
|
||||
|
||||
it("Invalid Username", () => {
|
||||
cy.landingSettings(false);
|
||||
|
||||
Page.visit();
|
||||
cy.contains("Sign in");
|
||||
|
||||
Page.username.type("bad username");
|
||||
Page.password.type("incorrectpw");
|
||||
|
||||
Page.ombiSignInButton.click();
|
||||
cy.verifyNotification("Incorrect username");
|
||||
});
|
||||
|
||||
it("Correct Login", () => {
|
||||
cy.landingSettings(false);
|
||||
Page.visit();
|
||||
cy.contains("Sign in");
|
||||
|
||||
Page.username.type(Cypress.env("username"));
|
||||
Page.password.type(Cypress.env("password"));
|
||||
|
||||
Page.ombiSignInButton.click();
|
||||
cy.url().should("include", "/discover");
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,163 @@
|
||||
|
||||
describe('User Management Page', () => {
|
||||
beforeEach(() => {
|
||||
cy.login();
|
||||
cy.createUser('userToDelete', 'password', [{
|
||||
value: "requestmovie",
|
||||
Enabled: "true",
|
||||
}]);
|
||||
|
||||
cy.createUser('userToEdit', 'password', [{
|
||||
value: "disabled",
|
||||
Enabled: "true",
|
||||
}]);
|
||||
|
||||
cy.visit('/usermanagement');
|
||||
});
|
||||
|
||||
it('Loads users table', () => {
|
||||
cy.contains("User Management");
|
||||
cy.contains("Add User To Ombi");
|
||||
});
|
||||
|
||||
it('Creates basic user', () => {
|
||||
cy.get('[data-test=adduserbtn').click();
|
||||
cy.url().should('include', '/user');
|
||||
|
||||
cy.generateUniqueId().then(username => {
|
||||
// Setup the form
|
||||
cy.get('#username').type(username);
|
||||
cy.get('#alias').type("alias1");
|
||||
cy.get('#emailAddress').type(username + "@emailaddress.com");
|
||||
cy.get('#password').type("password");
|
||||
cy.get('#confirmPass').type("password");
|
||||
|
||||
// setup the roles
|
||||
cy.contains('Roles').click()
|
||||
cy.get('#roleRequestTv').click();
|
||||
cy.get('#roleRequestMovie').click();
|
||||
|
||||
// submit user
|
||||
cy.get('[data-test=createuserbtn]').click();
|
||||
|
||||
cy.verifyNotification('has been created successfully');
|
||||
|
||||
// Also check if the user is in the table
|
||||
cy.contains(username);
|
||||
});
|
||||
});
|
||||
|
||||
it('Tries to create user without roles', () => {
|
||||
cy.get('[data-test=adduserbtn').click();
|
||||
cy.url().should('include', '/user');
|
||||
|
||||
// Setup the form
|
||||
cy.get('#username').type("user1");
|
||||
cy.get('#alias').type("alias1");
|
||||
cy.get('#emailAddress').type("user1@emailaddress.com");
|
||||
cy.get('#password').type("password");
|
||||
cy.get('#confirmPass').type("password");
|
||||
|
||||
// submit user
|
||||
cy.get('[data-test=createuserbtn]').click();
|
||||
|
||||
cy.verifyNotification('Please assign a role');
|
||||
|
||||
});
|
||||
|
||||
it('Tries to create user when passwords do not match', () => {
|
||||
cy.get('[data-test=adduserbtn').click();
|
||||
cy.url().should('include', '/user');
|
||||
|
||||
// Setup the form
|
||||
cy.get('#username').type("user1");
|
||||
cy.get('#alias').type("alias1");
|
||||
cy.get('#emailAddress').type("user1@emailaddress.com");
|
||||
cy.get('#password').type("password");
|
||||
cy.get('#confirmPass').type("pass22word");
|
||||
|
||||
// submit user
|
||||
cy.get('[data-test=createuserbtn]').click();
|
||||
|
||||
cy.verifyNotification('Passwords do not match');
|
||||
});
|
||||
|
||||
it('Delete a user', () => {
|
||||
cy.get('#edituserToDelete').click();
|
||||
cy.get('#username').should('have.value', 'userToDelete');
|
||||
cy.get('[data-test=deletebtn]').click();
|
||||
cy.verifyNotification('The user userToDelete was deleted');
|
||||
})
|
||||
|
||||
|
||||
it('Add request limits to a user', () => {
|
||||
cy.get('#edituserToEdit').click();
|
||||
|
||||
cy.contains('Request Limits').click();
|
||||
cy.get('#movieRequestLimit').clear().type('2');
|
||||
cy.get('#musicRequestLimit').clear().type('3');
|
||||
cy.get('#episodeRequestLimit').clear().type('4');
|
||||
|
||||
// submit user
|
||||
cy.get('[data-test=updatebtn]').click();
|
||||
|
||||
cy.verifyNotification('successfully');
|
||||
|
||||
// Verify that the limits are set
|
||||
cy.get('#edituserToEdit').click();
|
||||
cy.contains('Request Limits').click();
|
||||
cy.get('#movieRequestLimit').should('have.attr', 'ng-reflect-model', '2')
|
||||
cy.get('#musicRequestLimit').should('have.attr', 'ng-reflect-model', '3')
|
||||
cy.get('#episodeRequestLimit').should('have.attr', 'ng-reflect-model', '4')
|
||||
|
||||
});
|
||||
|
||||
it('Add notification preferences to user', () => {
|
||||
|
||||
cy.get('#edituserToEdit').click();
|
||||
|
||||
cy.contains('Notification Preferences').click();
|
||||
cy.get('#Discord').clear().type("Discord");
|
||||
cy.get('#Pushbullet').clear().type("Pushbullet");
|
||||
cy.get('#Pushover').clear().type("Pushover");
|
||||
cy.get('#Telegram').clear().type("Telegram");
|
||||
cy.get('#Slack').clear().type("Slack");
|
||||
cy.get('#Mattermost').clear().type("Mattermost");
|
||||
cy.get('#Gotify').clear().type("Gotify");
|
||||
cy.get('#WhatsApp').clear().type("Whatsapp");
|
||||
|
||||
// submit user
|
||||
cy.get('[data-test=updatebtn]').click();
|
||||
|
||||
cy.verifyNotification('successfully');
|
||||
|
||||
// Verify that the limits are set
|
||||
cy.get('#edituserToEdit').click();
|
||||
cy.contains('Notification Preferences').click();
|
||||
cy.get('#Discord').should('have.attr', 'ng-reflect-model', "Discord");
|
||||
cy.get('#Pushbullet').should('have.attr', 'ng-reflect-model', "Pushbullet");
|
||||
cy.get('#Pushover').should('have.attr', 'ng-reflect-model', "Pushover");
|
||||
cy.get('#Telegram').should('have.attr', 'ng-reflect-model', "Telegram");
|
||||
cy.get('#Slack').should('have.attr', 'ng-reflect-model', "Slack");
|
||||
cy.get('#Mattermost').should('have.attr', 'ng-reflect-model', "Mattermost");
|
||||
cy.get('#Gotify').should('have.attr', 'ng-reflect-model', "Gotify");
|
||||
cy.get('#WhatsApp').should('have.attr', 'ng-reflect-model', "Whatsapp");
|
||||
|
||||
});
|
||||
|
||||
it('Modify roles', () => {
|
||||
|
||||
cy.get('#edituserToEdit').click();
|
||||
|
||||
cy.contains('Roles').click();
|
||||
cy.get('#rolePowerUser').click();
|
||||
|
||||
// submit user
|
||||
cy.get('[data-test=updatebtn]').click();
|
||||
|
||||
cy.verifyNotification('successfully');
|
||||
|
||||
cy.get('#edituserToEdit').click();
|
||||
cy.get('#rolePowerUser').should('have.attr', 'ng-reflect-model', 'true');
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,24 @@
|
||||
/// <reference types="cypress" />
|
||||
|
||||
|
||||
declare namespace Cypress {
|
||||
interface Chainable {
|
||||
|
||||
landingSettings(enabled: boolean): Chainable<any>;
|
||||
login(username: string, password: string): Chainable<any>;
|
||||
login(): Chainable<any>;
|
||||
removeLogin(): Chainable<any>;
|
||||
verifyNotification(text: string): Chainable<any>;
|
||||
createUser(username: string, password: string, claims: any[]): Chainable<any>;
|
||||
generateUniqueId(): Chainable<string>;
|
||||
getByData(selector: string, args: any[]): Chainable<any>;
|
||||
getByData(selector: string): Chainable<any>;
|
||||
getByDataLike(selector: string): Chainable<any>;
|
||||
triggerHover(): Chainable<any>;
|
||||
|
||||
requestGenericMovie(): Chainable<any>;
|
||||
requestMovie(movieId: number): Chainable<any>;
|
||||
requestAllTv(tvId: number): Chainable<any>;
|
||||
removeAllMovieRequests(): Chainable<any>;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,29 @@
|
||||
{
|
||||
"devDependencies": {
|
||||
"cypress": "^6.6.0",
|
||||
"cypress-wait-until": "^1.7.1",
|
||||
"typescript": "^4.2.3"
|
||||
},
|
||||
"name": "ombiautomation",
|
||||
"version": "1.0.0",
|
||||
"main": "index.js",
|
||||
"repository": "https://github.com/ombi-app/ombi.automation",
|
||||
"author": "TidusJar",
|
||||
"retries": {
|
||||
"runMode": 2,
|
||||
"openMode": 1
|
||||
},
|
||||
"scripts": {
|
||||
"cypress:version": "cypress version",
|
||||
"cypress:verify": "cypress verify",
|
||||
"cypress:open": "cypress open",
|
||||
"cypress:run": "cypress run",
|
||||
"types": "tsc --noEmit",
|
||||
"e2e": "cypress run",
|
||||
"regression": "cypress run --config-file cypress/config/regression.json",
|
||||
"demo:open": "cypress open --config-file cypress/config/demo.json"
|
||||
},
|
||||
"dependencies": {
|
||||
"cypress-real-events": "^1.3.0"
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,15 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "es5",
|
||||
"lib": ["es2018", "dom"],
|
||||
"types": ["cypress", "cypress-wait-until", "cypress-image-snapshot", "cypress-real-events"],
|
||||
"baseUrl": "./cypress",
|
||||
"paths": {
|
||||
"@/*": ["./*"]
|
||||
}
|
||||
},
|
||||
"include": [
|
||||
"**/*.ts",
|
||||
"support/*.ts"
|
||||
]
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue