Skip to content

Commit 0952ca5

Browse files
previprevi
authored
Cypress e2e (#95)
e2e tests
1 parent ac65e8c commit 0952ca5

25 files changed

+2401
-117
lines changed

‎.circleci/config.yml renamed to ‎.circleci/_config.yml

File renamed without changes.

‎.env.test

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
VITE_CB_ENDPOINT=http://localhost:5000

‎.github/workflows/build_frontend.yml

Lines changed: 35 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -6,20 +6,45 @@ name: build CoderBot frontend
66
on: push
77

88
jobs:
9-
build-frontend:
9+
test:
1010
runs-on: ubuntu-latest
11+
steps:
12+
- name: Checkout
13+
uses: actions/checkout@v3
14+
- name: Docker login
15+
run: docker login ghcr.io -u previ -p ${{ secrets.GHCR_BACKEND_STUB_RO }}
16+
- name: Run stub
17+
run: docker run -dp 5000:5000 --name backend-stub ghcr.io/coderbotorg/backend:stub-latest
18+
# Install NPM dependencies, cache them correctly
19+
# and run all Cypress tests
20+
- name: Cypress run
21+
uses: cypress-io/github-action@v4
22+
with:
23+
build: npm run build-test
24+
start: npm run preview
25+
wait-on: 'http://localhost:5000/api/v1/openapi.json'
26+
wait-on-timeout: 60
27+
browser: chrome
28+
record: true
29+
parallel: true
30+
group: 'UI - Chrome'
31+
env:
32+
CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
33+
# Recommended: pass the GitHub token lets this action correctly
34+
# determine the unique run id necessary to re-run the checks
35+
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
36+
- name: Clean up
37+
run: docker stop backend-stub && docker rm backend-stub
1138

12-
strategy:
13-
matrix:
14-
node-version: [16.x]
15-
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
16-
39+
build:
40+
runs-on: ubuntu-latest
41+
needs: test
1742
steps:
1843
- uses: actions/checkout@v3
19-
- name: Use Node.js ${{ matrix.node-version }}
44+
- name: Use Node.js 16.x
2045
uses: actions/setup-node@v3
2146
with:
22-
node-version: ${{ matrix.node-version }}
47+
node-version: 16
2348
cache: 'npm'
2449
- run: npm ci
2550
- run: npm run build --if-present
@@ -29,9 +54,9 @@ jobs:
2954
name: dist
3055
path: dist
3156

32-
release-frontend:
57+
release:
3358
runs-on: ubuntu-latest
34-
needs: build-frontend
59+
needs: build
3560
steps:
3661
- uses: actions/checkout@v3 # Checking out the repo
3762
- name: Docker meta

‎cypress.config.js

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
const { defineConfig } = require("cypress");
2+
3+
module.exports = defineConfig({
4+
projectId: 'm2n47r',
5+
e2e: {
6+
experimentalStudio: true,
7+
setupNodeEvents(on, config) {
8+
// implement node event listeners here
9+
},
10+
},
11+
});

‎cypress/e2e/100_home.cy.js

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
describe('load homepage', () => {
2+
it('passes', () => {
3+
cy.visit('http://localhost:8080')
4+
cy.get('.v-carousel').should('exist')
5+
cy.get('.logo').should('have.text', 'CoderBot')
6+
cy.get('a[href*="program"]').should('exist')
7+
cy.get('a[href*="control"]').should('exist')
8+
cy.get('a[href*="settings"]').should('exist')
9+
})
10+
11+
it('checks sidebar contents', () => {
12+
cy.visit('http://localhost:8080')
13+
cy.get('.v-carousel').should('exist')
14+
cy.get('button.v-app-bar-nav-icon').should('exist').click()
15+
cy.get('a[href="#/"]').should('exist')
16+
cy.get('a[href*="/docs"]').should('exist')
17+
cy.get('a[href*="/activity/manage"]').should('exist')
18+
cy.get('a[href*="/program"]').should('exist')
19+
cy.get('a[href*="/control"]').should('exist')
20+
cy.get('a[href*="/gallery"]').should('exist')
21+
cy.get('a[href*="/settings"]').should('exist')
22+
})
23+
})

‎cypress/e2e/200_docs.cy.js

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
describe('load homepage', () => {
2+
it('checks sidebar contents', () => {
3+
cy.visit('http://localhost:8080')
4+
cy.get('.v-carousel').should('exist')
5+
cy.get('button.v-app-bar-nav-icon').should('exist').click()
6+
cy.get('a.v-list-item[href*="/docs"]').should('exist')
7+
cy.get('a.v-list-item[href*="/docs"]').invoke('removeAttr', 'target').click()
8+
cy.url().should('include', '/docs')
9+
})
10+
})

‎cypress/e2e/300_activities.cy.js

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
describe('activities page', () => {
2+
it('loads the default activity', () => {
3+
cy.visit('http://localhost:8080')
4+
cy.get('.v-carousel').should('exist')
5+
cy.get('button.v-app-bar-nav-icon').should('exist').click()
6+
cy.get('a.v-list-item[href*="activity/manage"]').click()
7+
cy.get('#activity_list').should('exist')
8+
cy.get('div#default').should('exist')
9+
cy.get('div#default i.mdi-star').should('exist')
10+
cy.get('div#default .v-list-item-title').should('have.text', 'default')
11+
cy.get('div#default a[href*="activity/edit/default"]').should('exist')
12+
cy.get('#app').click()
13+
cy.get('div#default a[href*="activity/edit/default"]').click()
14+
})
15+
16+
it('creates a new activity', () => {
17+
cy.visit('http://localhost:8080')
18+
cy.get('.v-carousel').should('exist')
19+
cy.get('button.v-app-bar-nav-icon').should('exist')
20+
cy.get('button.v-app-bar-nav-icon').click()
21+
cy.get('a.v-list-item[href*="activity/manage"]').click()
22+
cy.get('#app').click()
23+
cy.get('a.v-btn[href*="activity/new"]').should('exist')
24+
cy.get('a.v-btn[href*="activity/new"]').click()
25+
cy.get('input#name').should('exist')
26+
cy.get('input#desc').should('exist')
27+
cy.get('input#name').type("test-activity-name")
28+
cy.get('input#desc').type("Test activity description")
29+
cy.get('button#toolbox').should('exist')
30+
cy.get('button#toolbox').click()
31+
cy.get('button#add_category').should('exist')
32+
cy.get('button#add_category_all').should('exist')
33+
cy.get('button#add_category_all').click()
34+
cy.get('button#save').should('exist')
35+
cy.get('button#save').click()
36+
/*
37+
cy.get('input#input-317').should('exist')
38+
cy.get('input#input-317').type("Test Category")
39+
cy.get('button#category_ok').should('exist')
40+
cy.get('button#category_ok').click()
41+
*/
42+
})
43+
it('deletes an existing activity', () => {
44+
cy.visit('http://localhost:8080')
45+
cy.get('.v-carousel').should('exist')
46+
cy.get('button.v-app-bar-nav-icon').should('exist')
47+
cy.get('button.v-app-bar-nav-icon').click()
48+
cy.get('a[href*="activity/manage"]').click()
49+
cy.get('#app').click()
50+
cy.get('div#test-activity-name').find('i.mdi-delete').should("exist")
51+
cy.get('div#test-activity-name').find('i.mdi-delete').click()
52+
cy.get('button#confirmDeleteDlg_ok').should("exist")
53+
cy.get('button#confirmDeleteDlg_ok').click()
54+
})
55+
})

‎cypress/e2e/400_program.cy.js

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
describe('load homepage', () => {
2+
it('checks toolbar bar contents', () => {
3+
cy.visit('http://localhost:8080')
4+
cy.get('.v-carousel').should('exist')
5+
cy.get('button.v-app-bar-nav-icon').should('exist').click()
6+
cy.get('a.v-list-item[href*="/program"]').should('exist')
7+
cy.get('a.v-list-item[href*="/program"]').click()
8+
cy.get('#app').click()
9+
cy.get('button#clearProgramDlg').should('exist')
10+
cy.get('button#saveProgram').should('exist')
11+
cy.get('button#toggleSaveAs').should('exist')
12+
cy.get('button#loadProgramList').should('exist')
13+
cy.get('button#runProgram').should('exist')
14+
cy.get('button#getProgramCode').should('exist')
15+
cy.get('button#exportProgram').should('exist')
16+
cy.get('button#pickFile').should('exist')
17+
})
18+
19+
it('checks blockly loades', () => {
20+
cy.visit('http://localhost:8080')
21+
cy.get('.v-carousel').should('exist')
22+
cy.get('button.v-app-bar-nav-icon').should('exist').click()
23+
cy.get('a.v-list-item[href*="/program"]').should('exist')
24+
cy.get('a.v-list-item[href*="/program"]').click()
25+
cy.get('#app').click()
26+
cy.get('.blocklyTotal').should('exist')
27+
cy.get('.blocklyToolboxDiv').should('exist')
28+
cy.get('.blocklyWorkspace').should('exist')
29+
})
30+
31+
it('loads an existing program', () => {
32+
cy.visit('http://localhost:8080')
33+
cy.get('.v-carousel').should('exist')
34+
cy.get('button.v-app-bar-nav-icon').should('exist').click()
35+
cy.get('a.v-list-item[href*="/program"]').should('exist')
36+
cy.get('a.v-list-item[href*="/program"]').click()
37+
cy.get('#app').click()
38+
cy.get('button#loadProgramList').should('exist')
39+
cy.get('button#loadProgramList').click()
40+
cy.contains('test_sonars').should('exist')
41+
cy.contains('test_sonars').click()
42+
cy.get('.blocklyPath').should('exist')
43+
cy.get('button#clearProgramDlg').click()
44+
cy.get('button.text-green').should('exist')
45+
cy.get('button.text-green').click()
46+
})
47+
})

‎cypress/e2e/500_control.cy.js

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
describe('load homepage', () => {
2+
it('checks sidebar contents', () => {
3+
cy.visit('http://localhost:8080')
4+
cy.get('.v-carousel').should('exist')
5+
cy.get('button.v-app-bar-nav-icon').should('exist').click()
6+
cy.get('a.v-list-item[href*="control"]').click()
7+
cy.get('img[src*="video/stream"]').should('exist')
8+
})
9+
})

‎cypress/e2e/600_gallery.cy.js

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
describe('load homepage', () => {
2+
it('checks sidebar contents', () => {
3+
cy.visit('http://localhost:8080')
4+
cy.get('.v-carousel').should('exist')
5+
cy.get('button.v-app-bar-nav-icon').should('exist').click()
6+
cy.get('a.v-list-item[href*="/gallery"]').should('exist')
7+
cy.get('a.v-list-item[href*="/gallery"]').click()
8+
cy.get('h3').should('exist')
9+
})
10+
})

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