Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitc90a902

Browse files
committed
chore(e2e): migration to Cypress
1 parentebe9c71 commitc90a902

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+
exportdefaultdefineConfig({
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+
constparagraph=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)
[8]ページ先頭
©2009-2025 Movatter.jp