Skip to content

Commit c90a902

Browse files
xidedixxidedix
committed
chore(e2e): migration to Cypress
1 parent ebe9c71 commit c90a902

File tree

12 files changed

+1410
-59
lines changed

12 files changed

+1410
-59
lines changed

‎.github/workflows/daily-project-check.yml

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,9 @@ jobs:
1616
os: [ubuntu-latest, windows-latest, macOS-latest]
1717

1818
steps:
19-
- uses: actions/checkout@v3
19+
- uses: actions/checkout@v4
2020
- name: Use Node.js ${{ matrix.node-version }}
21-
uses: actions/setup-node@v3
21+
uses: actions/setup-node@v4
2222
with:
2323
node-version: ${{ matrix.node-version }}
2424
- name: project check
@@ -32,18 +32,22 @@ jobs:
3232

3333
e2e-chrome:
3434

35-
runs-on: windows-latest
35+
runs-on: ubuntu-latest
3636

3737
steps:
38-
- uses: actions/checkout@v3
38+
- name: Checkout
39+
uses: actions/checkout@v4
3940
- name: Use Node.js 18
40-
uses: actions/setup-node@v3
41+
uses: actions/setup-node@v4
4142
with:
4243
node-version: 18
4344
- name: e2e chrome test
45+
uses: cypress-io/github-action@v6
46+
with:
47+
browser: chrome
4448
run: |
45-
choco install googlechrome --version=114.0.5735.199 --ignorechecksum -y
4649
npm i
50+
npm run build-lib:prod
4751
npm run e2e
4852
env:
4953
BROWSER: chrome

‎.github/workflows/project-check.yml

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -20,9 +20,9 @@ jobs:
2020
os: [ubuntu-latest, windows-latest, macOS-latest]
2121

2222
steps:
23-
- uses: actions/checkout@v3
23+
- uses: actions/checkout@v4
2424
- name: Use Node.js ${{ matrix.node-version }}
25-
uses: actions/setup-node@v3
25+
uses: actions/setup-node@v4
2626
with:
2727
node-version: ${{ matrix.node-version }}
2828
- name: project check
@@ -36,17 +36,20 @@ jobs:
3636

3737
e2e-chrome:
3838

39-
runs-on: windows-latest
39+
runs-on: ubuntu-latest
4040

4141
steps:
42-
- uses: actions/checkout@v3
42+
- name: Checkout
43+
uses: actions/checkout@v4
4344
- name: Use Node.js 18
44-
uses: actions/setup-node@v3
45+
uses: actions/setup-node@v4
4546
with:
4647
node-version: 18
4748
- name: e2e chrome test
49+
uses: cypress-io/github-action@v6
50+
with:
51+
browser: chrome
4852
run: |
49-
choco install googlechrome --version=114.0.5735.199 --ignorechecksum -y
5053
npm i
5154
npm run build-lib:prod
5255
npm run e2e

‎CHANGELOG.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22

33
##### `v2.15.1`
44

5+
- chore(e2e): migration to Cypress
56
- fix(testapp): remove Ivy incompatible ngx-perfect-scrollbar
67
- chore(workflows): update to npm 18, lock googlechrome v114
78
- chore(dependencies): update

‎angular.json

Lines changed: 33 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -104,18 +104,36 @@
104104
"src/assets"
105105
]
106106
}
107-
}
108-
}
109-
},
110-
"coreui-e2e": {
111-
"root": "e2e/",
112-
"projectType": "application",
113-
"architect": {
114-
"e2e": {
115-
"builder": "@angular-devkit/build-angular:protractor",
107+
},
108+
"cypress-run": {
109+
"builder": "@cypress/schematic:cypress",
116110
"options": {
117-
"protractorConfig": "e2e/protractor.conf.js",
118111
"devServerTarget": "coreui:serve"
112+
},
113+
"configurations": {
114+
"production": {
115+
"devServerTarget": "coreui:serve:production"
116+
}
117+
}
118+
},
119+
"cypress-open": {
120+
"builder": "@cypress/schematic:cypress",
121+
"options": {
122+
"watch": true,
123+
"headless": false
124+
}
125+
},
126+
"e2e": {
127+
"builder": "@cypress/schematic:cypress",
128+
"options": {
129+
"devServerTarget": "coreui:serve",
130+
"watch": false,
131+
"headless": true
132+
},
133+
"configurations": {
134+
"production": {
135+
"devServerTarget": "coreui:serve:production"
136+
}
119137
}
120138
}
121139
}
@@ -153,6 +171,10 @@
153171
}
154172
},
155173
"cli": {
156-
"analytics": false
174+
"analytics": false,
175+
"schematicCollections": [
176+
"@cypress/schematic",
177+
"@schematics/angular"
178+
]
157179
}
158180
}

‎cypress.config.ts

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import { defineConfig } from 'cypress'
2+
3+
export default defineConfig({
4+
5+
e2e: {
6+
'baseUrl': 'http://localhost:4200'
7+
},
8+
9+
})

‎cypress/e2e/spec.cy.ts

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
/// <reference types="cypress" />
2+
3+
describe('CoreUI v2 template', () => {
4+
5+
beforeEach(() => {
6+
cy.visit('/');
7+
});
8+
9+
it('should display CoreUI Dashboard', () => {
10+
cy.viewport(600, 800);
11+
const paragraph = cy.get('ng-component');
12+
paragraph.should('contain.text', 'CoreUI Dashboard');
13+
});
14+
15+
it('should toggle `sidebar-minimized` body.class on `sidebar-minimizer` click', () => {
16+
cy.viewport('macbook-16');
17+
cy.get('.app').invoke('attr', 'class').should('not.contain', 'sidebar-minimized');
18+
cy.get('.sidebar-minimizer').click();
19+
cy.get('.app').invoke('attr', 'class').should('contain', 'sidebar-minimized');
20+
cy.get('.sidebar-minimizer').click();
21+
cy.get('.app').invoke('attr', 'class').should('not.contain', 'sidebar-minimized');
22+
});
23+
24+
it('should toggle `sidebar-show` body.class on `navbar-toggler` click', () => {
25+
cy.viewport(600, 800);
26+
cy.get('.app').invoke('attr', 'class').should('not.contain', 'sidebar-show');
27+
cy.get('.navbar-toggler.d-lg-none').first().click();
28+
cy.get('.app').invoke('attr', 'class').should('contain', 'sidebar-show');
29+
cy.get('.navbar-toggler').first().click();
30+
cy.get('.app').invoke('attr', 'class').should('not.contain', 'sidebar-show');
31+
});
32+
33+
it('should toggle `aside-menu-lg-show` body.class on `navbar-toggler` click', () => {
34+
cy.viewport('macbook-16');
35+
cy.get('.app').invoke('attr', 'class').should('not.contain', 'aside-menu-lg-show');
36+
cy.get('.navbar-toggler.d-none.d-lg-block').last().click();
37+
cy.get('.app').invoke('attr', 'class').should('contain', 'aside-menu-lg-show');
38+
cy.get('.navbar-toggler.d-none.d-lg-block').last().click();
39+
cy.get('.app').invoke('attr', 'class').should('not.contain', 'aside-menu-lg-show');
40+
});
41+
});

‎cypress/fixtures/example.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"name": "Using fixtures to represent data",
3+
"email": "hello@cypress.io"
4+
}
5+

‎cypress/support/commands.ts

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
// ***********************************************
2+
// This example namespace declaration will help
3+
// with Intellisense and code completion in your
4+
// IDE or Text Editor.
5+
// ***********************************************
6+
// declare namespace Cypress {
7+
// interface Chainable<Subject = any> {
8+
// customCommand(param: any): typeof customCommand;
9+
// }
10+
// }
11+
//
12+
// function customCommand(param: any): void {
13+
// console.warn(param);
14+
// }
15+
//
16+
// NOTE: You can use it like so:
17+
// Cypress.Commands.add('customCommand', customCommand);
18+
//
19+
// ***********************************************
20+
// This example commands.js shows you how to
21+
// create various custom commands and overwrite
22+
// existing commands.
23+
//
24+
// For more comprehensive examples of custom
25+
// commands please read more here:
26+
// https://on.cypress.io/custom-commands
27+
// ***********************************************
28+
//
29+
//
30+
// -- This is a parent command --
31+
// Cypress.Commands.add("login", (email, password) => { ... })
32+
//
33+
//
34+
// -- This is a child command --
35+
// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
36+
//
37+
//
38+
// -- This is a dual command --
39+
// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
40+
//
41+
//
42+
// -- This will overwrite an existing command --
43+
// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })

‎cypress/support/e2e.ts

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
// ***********************************************************
2+
// This example support/e2e.ts is processed and
3+
// loaded automatically before your test files.
4+
//
5+
// This is a great place to put global configuration and
6+
// behavior that modifies Cypress.
7+
//
8+
// You can change the location of this file or turn off
9+
// automatically serving support files with the
10+
// 'supportFile' configuration option.
11+
//
12+
// You can read more here:
13+
// https://on.cypress.io/configuration
14+
// ***********************************************************
15+
16+
// When a command from ./commands is ready to use, import with `import './commands'` syntax
17+
// import './commands';

‎cypress/tsconfig.json

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{
2+
"extends": "../tsconfig.json",
3+
"include": ["**/*.ts"],
4+
"compilerOptions": {
5+
"sourceMap": false,
6+
"types": ["cypress"],
7+
}
8+
}

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy