Skip to content

Commit

Permalink
ov-components: split ee2 tests into files
Browse files Browse the repository at this point in the history
  • Loading branch information
CSantosM committed Jul 29, 2024
1 parent c61bed5 commit 5fa86f4
Show file tree
Hide file tree
Showing 3 changed files with 194 additions and 180 deletions.
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import { expect } from 'chai';
import { Builder, By, WebDriver } from 'selenium-webdriver';

import { AngularConfig } from './selenium.conf';
import { OpenViduComponentsPO } from './utils.po.test';
import { AngularConfig } from '../selenium.conf';
import { OpenViduComponentsPO } from '../utils.po.test';

const url = AngularConfig.appUrl;

Expand Down Expand Up @@ -1077,178 +1077,3 @@ describe('Testing ATTRIBUTE DIRECTIVES', () => {
expect(await error.getAttribute('innerText')).equals('TEST_ERROR');
});
});

describe('Testing EVENTS', () => {
let browser: WebDriver;
let utils: OpenViduComponentsPO;

async function createChromeBrowser(): Promise<WebDriver> {
return await new Builder()
.forBrowser(AngularConfig.browserName)
.withCapabilities(AngularConfig.browserCapabilities)
.setChromeOptions(AngularConfig.browserOptions)
.usingServer(AngularConfig.seleniumAddress)
.build();
}

beforeEach(async () => {
browser = await createChromeBrowser();
utils = new OpenViduComponentsPO(browser);
});

afterEach(async () => {
await browser.quit();
});

it('should receive the onRoomDisconnected event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovToolbar-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

// Clicking to leave button
await utils.clickOn('#leave-btn');

// Checking if onLeaveButtonClicked has been received
await utils.waitForElement('#onRoomDisconnected');
expect(await utils.isPresent('#onRoomDisconnected')).to.be.true;
});

it('should receive the onVideoEnabledChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovToolbar-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.clickOn('#camera-btn');

await utils.waitForElement('#onVideoEnabledChanged');
expect(await utils.isPresent('#onVideoEnabledChanged')).to.be.true;
});

it('should receive the onAudioEnabledChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovToolbar-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.clickOn('#mic-btn');

await utils.waitForElement('#onAudioEnabledChanged');
expect(await utils.isPresent('#onAudioEnabledChanged')).to.be.true;
});

it('should receive the onScreenShareEnabledChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovToolbar-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.clickOn('#screenshare-btn');

await utils.waitForElement('#onScreenShareEnabledChanged');
expect(await utils.isPresent('#onScreenShareEnabledChanged')).to.be.true;
});

it('should receive the onFullscreenEnabledChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovToolbar-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.toggleFullscreenFromToolbar();

await utils.waitForElement('#onFullscreenEnabledChanged');
expect(await utils.isPresent('#onFullscreenEnabledChanged')).to.be.true;
});

it('should receive the onRecordingStartRequested event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovToolbar-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.toggleRecordingFromToolbar();

await utils.waitForElement('#onRecordingStartRequested');
expect(await utils.isPresent('#onRecordingStartRequested')).to.be.true;
});

it('should receive the onParticipantsPanelStatusChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovPanel-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.togglePanel('participants');

await utils.waitForElement('#onParticipantsPanelStatusChanged');
expect(await utils.isPresent('#onParticipantsPanelStatusChanged')).to.be.true;
});

it('should receive the onChatPanelStatusChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovPanel-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.togglePanel('chat');

await utils.waitForElement('#onChatPanelStatusChanged');
expect(await utils.isPresent('#onChatPanelStatusChanged')).to.be.true;
});

it('should receive the onActivitiesPanelStatusChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovPanel-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.togglePanel('activities');

await utils.waitForElement('#onActivitiesPanelStatusChanged');
expect(await utils.isPresent('#onActivitiesPanelStatusChanged')).to.be.true;
});

it('should receive the onSettingsPanelStatusChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovPanel-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.togglePanel('settings');

await utils.waitForElement('#onSettingsPanelStatusChanged');
expect(await utils.isPresent('#onSettingsPanelStatusChanged')).to.be.true;
});
});
182 changes: 182 additions & 0 deletions openvidu-components-angular/e2e/nested-components/events.test.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,182 @@
import { expect } from 'chai';
import { Builder, By, WebDriver } from 'selenium-webdriver';

import { AngularConfig } from '../selenium.conf';
import { OpenViduComponentsPO } from '../utils.po.test';

const url = AngularConfig.appUrl;

describe('Testing EVENTS', () => {
let browser: WebDriver;
let utils: OpenViduComponentsPO;

async function createChromeBrowser(): Promise<WebDriver> {
return await new Builder()
.forBrowser(AngularConfig.browserName)
.withCapabilities(AngularConfig.browserCapabilities)
.setChromeOptions(AngularConfig.browserOptions)
.usingServer(AngularConfig.seleniumAddress)
.build();
}

beforeEach(async () => {
browser = await createChromeBrowser();
utils = new OpenViduComponentsPO(browser);
});

afterEach(async () => {
await browser.quit();
});

it('should receive the onRoomDisconnected event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovToolbar-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

// Clicking to leave button
await utils.clickOn('#leave-btn');

// Checking if onLeaveButtonClicked has been received
await utils.waitForElement('#onRoomDisconnected');
expect(await utils.isPresent('#onRoomDisconnected')).to.be.true;
});

it('should receive the onVideoEnabledChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovToolbar-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.clickOn('#camera-btn');

await utils.waitForElement('#onVideoEnabledChanged');
expect(await utils.isPresent('#onVideoEnabledChanged')).to.be.true;
});

it('should receive the onAudioEnabledChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovToolbar-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.clickOn('#mic-btn');

await utils.waitForElement('#onAudioEnabledChanged');
expect(await utils.isPresent('#onAudioEnabledChanged')).to.be.true;
});

it('should receive the onScreenShareEnabledChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovToolbar-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.clickOn('#screenshare-btn');

await utils.waitForElement('#onScreenShareEnabledChanged');
expect(await utils.isPresent('#onScreenShareEnabledChanged')).to.be.true;
});

it('should receive the onFullscreenEnabledChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovToolbar-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.toggleFullscreenFromToolbar();

await utils.waitForElement('#onFullscreenEnabledChanged');
expect(await utils.isPresent('#onFullscreenEnabledChanged')).to.be.true;
});

it('should receive the onRecordingStartRequested event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovToolbar-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.toggleRecordingFromToolbar();

await utils.waitForElement('#onRecordingStartRequested');
expect(await utils.isPresent('#onRecordingStartRequested')).to.be.true;
});

it('should receive the onParticipantsPanelStatusChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovPanel-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.togglePanel('participants');

await utils.waitForElement('#onParticipantsPanelStatusChanged');
expect(await utils.isPresent('#onParticipantsPanelStatusChanged')).to.be.true;
});

it('should receive the onChatPanelStatusChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovPanel-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.togglePanel('chat');

await utils.waitForElement('#onChatPanelStatusChanged');
expect(await utils.isPresent('#onChatPanelStatusChanged')).to.be.true;
});

it('should receive the onActivitiesPanelStatusChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovPanel-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.togglePanel('activities');

await utils.waitForElement('#onActivitiesPanelStatusChanged');
expect(await utils.isPresent('#onActivitiesPanelStatusChanged')).to.be.true;
});

it('should receive the onSettingsPanelStatusChanged event', async () => {
await browser.get(`${url}`);

await utils.clickOn('#ovPanel-checkbox');

await utils.clickOn('#apply-btn');

await utils.checkToolbarIsPresent();

await utils.togglePanel('settings');

await utils.waitForElement('#onSettingsPanelStatusChanged');
expect(await utils.isPresent('#onSettingsPanelStatusChanged')).to.be.true;
});
});
13 changes: 10 additions & 3 deletions openvidu-components-angular/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -83,13 +83,20 @@
"doc:clean-copy": "rm -rf ../../openvidu-docs/docs/docs/reference-docs/openvidu-components-angular && cp -r ./docs/openvidu-components-angular/ ../../openvidu-docs/docs/docs/reference-docs/openvidu-components-angular",
"doc:serve": "npx compodoc -c ../openvidu-components-angular/projects/openvidu-components-angular/doc/.compodocrc.json --serve --port 7000",
"doc:serve-watch": "npm-watch doc:serve",
"lib:serve": "ng build openvidu-components-angular --watch",
"lib:build": "ng build openvidu-components-angular --configuration development && cd ./dist/openvidu-components-angular",
"lib:pack": "cd ./dist/openvidu-components-angular && npm pack",
"lib:copy": "cp dist/openvidu-components-angular/openvidu-components-angular-*.tgz ../../openvidu-call/openvidu-call-front",
"lib:e2e": "tsc --project ./e2e && npx mocha --recursive --timeout 30000 ./e2e/dist/angular.test.js",
"lib:e2e-ci": "cross-env LAUNCH_MODE=CI npm run lib:e2e",
"lib:serve": "ng build openvidu-components-angular --watch",
"lib:test": "ng test openvidu-components-angular --no-watch --code-coverage",

"e2e:nested-all": "tsc --project ./e2e && npx mocha --recursive --timeout 30000 ./e2e/dist/nested-components/*.test.js",
"e2e:nested-events": "tsc --project ./e2e && npx mocha --recursive --timeout 30000 ./e2e/dist/nested-components/events.test.js",
"e2e:nested-directives": "tsc --project ./e2e && npx mocha --recursive --timeout 30000 ./e2e/dist/nested-components/directives.test.js",
"e2e:nested-all-ci": "cross-env LAUNCH_MODE=CI npm run e2e:nested-all",
"e2e:nested-events-ci": "cross-env LAUNCH_MODE=CI npm run e2e:nested-events",
"e2e:nested-directives-ci": "cross-env LAUNCH_MODE=CI npm run e2e:nested-directives",


"lint": "ng lint",
"start": "ng serve --configuration development --open",
"start-prod": "npx http-server ./dist/openvidu-components-testapp/browser --port 4200",
Expand Down

0 comments on commit 5fa86f4

Please sign in to comment.