Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add firefox cypress run #443

Merged
merged 7 commits into from
Jul 11, 2024
Merged

Add firefox cypress run #443

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
be36184
add firefox cypress run
kwinto Jul 9, 2024
6c23ca4
add cypress serve to firefox run
kwinto Jul 9, 2024
44078c8
Merge remote-tracking branch 'origin/v3' into firefox-tests
kwinto Jul 9, 2024
a329398
add build stage to firefox run
kwinto Jul 9, 2024
c0513d8
fix tests for firefox
kwinto Jul 10, 2024
cfe15e8
fix test
kwinto Jul 10, 2024
f7e3ab4
add package script to open cypress-firefox
kwinto Jul 11, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions .github/workflows/cypress-firefox.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
name: E2E Firefox
on: [pull_request]
jobs:
test:
runs-on: ubuntu-latest

steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with:
node-version: 20.x
cache: "npm"
- run: npm ci
- run: npm run build
- run: npm run test:cypress:firefox
10 changes: 2 additions & 8 deletions .github/workflows/cypress.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,14 @@
name: Run Cypress
name: E2E Chrome
on: [pull_request]
jobs:
test:
runs-on: ubuntu-latest

strategy:
matrix:
node-version: [20.x]

steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with:
node-version: ${{ matrix.node-version }}
node-version: 20.x
cache: "npm"
- run: npm ci
- run: npm test


6 changes: 0 additions & 6 deletions cypress.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,8 @@ import { defineConfig } from "cypress";

export default defineConfig({
video: false,
chromeWebSecurity: false,
viewportHeight: 800,
e2e: {
// We've imported your old cypress plugins here.
// You may want to clean this up later by importing these.
setupNodeEvents(on, config) {
return require("./cypress/plugins/index.js")(on, config);
},
baseUrl: "http://localhost:8787/",
},
});
5 changes: 3 additions & 2 deletions cypress/e2e/homeScreen.cy.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,8 @@ describe('Home Screen', () => {
}
});
cy.openWebchat();
cy.get('.webchat-homescreen-content').should('have.css', 'background', 'none repeat scroll 50% 50% / cover padding-box border-box, rgba(0, 0, 0, 0) radial-gradient(204.5% 136.79% at 0.53% 95.79%, rgb(237, 236, 249) 0%, rgb(191, 186, 255) 31.77%, rgb(33, 82, 227) 65.63%, rgb(5, 48, 158) 100%) repeat scroll 50% 50% / cover padding-box border-box');
cy.get('.webchat-homescreen-content')
.should('have.css', 'background-image', 'none, radial-gradient(204.5% 136.79% at 0.53% 95.79%, rgb(237, 236, 249) 0%, rgb(191, 186, 255) 31.77%, rgb(33, 82, 227) 65.63%, rgb(5, 48, 158) 100%)');
});

it('has specified background gradient when configured', () => {
Expand All @@ -105,7 +106,7 @@ describe('Home Screen', () => {
}
});
cy.openWebchat();
cy.get('.webchat-homescreen-content').should('have.css', 'background', 'none repeat scroll 50% 50% / cover padding-box border-box, rgba(0, 0, 0, 0) linear-gradient(to right, rgb(255, 0, 0), rgb(0, 0, 255)) repeat scroll 50% 50% / cover padding-box border-box');
cy.get('.webchat-homescreen-content').should('have.css', 'background-image', 'none, linear-gradient(to right, rgb(255, 0, 0), rgb(0, 0, 255))');
});

it('has the specified background color when configured', () => {
Expand Down
6 changes: 3 additions & 3 deletions cypress/e2e/message-colors.cy.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ describe('Message Color Variants', () => {
it('renders a "text with buttons"', () => {
cy.receiveMessageFixture('buttons');

cy.get('.webchat-buttons-template-root .chat-bubble').should('have.css', 'background', 'rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box');
cy.get('.webchat-buttons-template-root .chat-bubble').should('have.css', 'background-color', 'rgb(255, 255, 255)');
cy.get('.webchat-buttons-template-root .chat-bubble').should('have.css', 'color', 'rgb(28, 28, 28)');
});

Expand Down Expand Up @@ -95,7 +95,7 @@ describe('Message Color Variants', () => {
it('renders a "text with buttons"', () => {
cy.receiveMessageFixture('buttons');

cy.get('.webchat-buttons-template-root .chat-bubble').should('have.css', 'background', 'rgb(232, 235, 255) none repeat scroll 0% 0% / auto padding-box border-box');
cy.get('.webchat-buttons-template-root .chat-bubble').should('have.css', 'background-color', 'rgb(232, 235, 255)');
cy.get('.webchat-buttons-template-root .chat-bubble').should('have.css', 'color', 'rgba(26, 26, 26, 0.95)');
});

Expand All @@ -106,7 +106,7 @@ describe('Message Color Variants', () => {
cy.receiveMessage(text, data, source);

cy.get('.webchat-quick-reply-template-root .chat-bubble')
.should('have.css', 'background', 'rgb(232, 235, 255) none repeat scroll 0% 0% / auto padding-box border-box');
.should('have.css', 'background-color', 'rgb(232, 235, 255)');
});
});

Expand Down
4 changes: 2 additions & 2 deletions cypress/e2e/sourceColorMapping.cy.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,15 +21,15 @@ describe('Source Color Mapping', () => {

cy.receiveMessage('bot message', {}, 'bot');

cy.get('.webchat-message-row.bot .chat-bubble').should('have.css', 'background', 'rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box');
cy.get('.webchat-message-row.bot .chat-bubble').should('have.css', 'background-color', 'rgb(255, 255, 255)');
});

it('should render agent messages as "neutral" by default', () => {
cy.visitWebchat().initMockWebchat().openWebchat().startConversation();

cy.receiveMessage('agent message', {}, 'agent');

cy.get('.webchat-message-row.agent .chat-bubble').should('have.css', 'background', 'rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box');
cy.get('.webchat-message-row.agent .chat-bubble').should('have.css', 'background-color', 'rgb(255, 255, 255)');
});

it('should render user messages as "neutral" if configures in sourceColorMapping', () => {
Expand Down
3 changes: 3 additions & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,9 +13,12 @@
"update-license": "node update-license.js",
"dev": "webpack-dev-server --config webpack.dev.js --host 0.0.0.0",
"cypress:open": "cypress open --e2e --browser chrome",
kwinto marked this conversation as resolved.
Show resolved Hide resolved
"cypress:open:firefox": "cypress open --e2e --browser firefox",
"cypress:serve": "http-server -a localhost -p 8787 dist/",
"cypress:run": "cypress run",
"cypress:run:firefox": "cypress run --browser firefox",
"test:cypress": "run-p -r cypress:serve cypress:run",
"test:cypress:firefox": "run-p -r cypress:serve cypress:run:firefox",
"test": "npm run test:cypress",
"pretest": "npm run build",
"prettier:check": "prettier --check --config .prettierrc.json src/",
Expand Down