frontend: remove room test file and update toolbar button configurations
This commit is contained in:
Carlos Santos
parent
64789951d3
commit
97f1f3d6a7
@ -11,7 +11,6 @@
|
||||
"e2e:run-all": "npx mocha --recursive --timeout 30000 ./tests/e2e/**/*.test.ts",
|
||||
"e2e:run-routes": "npx mocha --recursive --timeout 30000 ./tests/e2e/routes.test.ts",
|
||||
"e2e:run-home": "npx mocha ./tests/e2e/home.test.ts",
|
||||
"e2e:run-room": "npx mocha --recursive --timeout 30000 ./tests/e2e/room.test.ts",
|
||||
"e2e:run-recordings": "npx mocha --recursive --timeout 30000 ./tests/e2e/recording.test.ts",
|
||||
"e2e:run-auth": "npx mocha --recursive --timeout 30000 ./tests/e2e/auth.test.ts",
|
||||
"lib:serve": "npx ng build shared-meet-components --watch",
|
||||
|
||||
@ -13,10 +13,10 @@
|
||||
[toolbarChatPanelButton]="featureFlags.showChat"
|
||||
[toolbarRecordingButton]="featureFlags.showRecording"
|
||||
[toolbarBroadcastingButton]="false"
|
||||
[activitiesPanelRecordingActivity]="false"
|
||||
[activitiesPanelBroadcastingActivity]="false"
|
||||
[toolbarBackgroundEffectsButton]="featureFlags.showBackgrounds"
|
||||
[toolbarActivitiesPanelButton]="false"
|
||||
[toolbarActivitiesPanelButton]="true"
|
||||
[activitiesPanelRecordingActivity]="true"
|
||||
[activitiesPanelBroadcastingActivity]="false"
|
||||
(onTokenRequested)="onTokenRequested($event)"
|
||||
(onParticipantConnected)="onParticipantConnected($event)"
|
||||
(onParticipantLeft)="onParticipantLeft($event)"
|
||||
|
||||
@ -1,210 +0,0 @@
|
||||
import { expect } from 'chai';
|
||||
import { Builder, WebDriver, WebElement } from 'selenium-webdriver';
|
||||
import { OpenViduCallConfig } from './selenium.conf';
|
||||
import { OpenViduCallPO } from './utils.po';
|
||||
import * as fs from 'fs';
|
||||
import { PNG } from 'pngjs';
|
||||
import pixelmatch from 'pixelmatch';
|
||||
|
||||
const APP_URL = OpenViduCallConfig.appUrl;
|
||||
|
||||
describe('Testing Room Functionality', () => {
|
||||
let browser: WebDriver;
|
||||
let utils: OpenViduCallPO;
|
||||
let randomRoomName = '';
|
||||
|
||||
async function createChromeBrowser(): Promise<WebDriver> {
|
||||
return await new Builder()
|
||||
.forBrowser(OpenViduCallConfig.browserName)
|
||||
.withCapabilities(OpenViduCallConfig.browserCapabilities)
|
||||
.setChromeOptions(OpenViduCallConfig.browserOptions)
|
||||
.usingServer(OpenViduCallConfig.seleniumAddress)
|
||||
.build();
|
||||
}
|
||||
|
||||
beforeEach(async () => {
|
||||
browser = await createChromeBrowser();
|
||||
utils = new OpenViduCallPO(browser);
|
||||
randomRoomName = `Room-${Math.floor(Math.random() * 1000)}-${Math.floor(Math.random() * 1000)}`;
|
||||
});
|
||||
|
||||
afterEach(async () => {
|
||||
await browser.quit();
|
||||
});
|
||||
|
||||
async function saveScreenshot(filename: string, element: WebElement) {
|
||||
const image = await element.takeScreenshot();
|
||||
fs.writeFileSync(filename, image, 'base64');
|
||||
}
|
||||
|
||||
it('should show the toolbar and media buttons', async () => {
|
||||
await browser.get(`${APP_URL}/${randomRoomName}`);
|
||||
|
||||
await utils.checkPrejoinIsPresent();
|
||||
await utils.joinRoom();
|
||||
|
||||
await utils.checkToolbarIsPresent();
|
||||
});
|
||||
|
||||
it('should show error trying to join a room with the same participant name', async () => {
|
||||
const fixedUrl = `${APP_URL}/${randomRoomName}`;
|
||||
await browser.get(fixedUrl);
|
||||
|
||||
await utils.checkPrejoinIsPresent();
|
||||
await utils.joinRoom();
|
||||
|
||||
await utils.checkToolbarIsPresent();
|
||||
|
||||
const tabs = await utils.openTab(fixedUrl);
|
||||
await browser.switchTo().window(tabs[1]);
|
||||
|
||||
await utils.checkPrejoinIsPresent();
|
||||
await utils.joinRoom();
|
||||
|
||||
await utils.waitForElement('.error');
|
||||
expect(await utils.isPresent('.error')).to.be.true;
|
||||
});
|
||||
|
||||
it('should start a videoconference and display the video elements', async () => {
|
||||
const fixedUrl = `${APP_URL}/${randomRoomName}`;
|
||||
await browser.get(fixedUrl);
|
||||
|
||||
await utils.checkPrejoinIsPresent();
|
||||
|
||||
await utils.joinRoom();
|
||||
|
||||
await utils.waitForElement('#local-element-camera');
|
||||
const localVideo = await utils.waitForElement('.OV_video-element');
|
||||
expect(await utils.isPresent('#local-element-camera')).to.be.true;
|
||||
expect(await localVideo.isDisplayed()).to.be.true;
|
||||
|
||||
const tabs = await utils.openTab(fixedUrl);
|
||||
|
||||
await browser.switchTo().window(tabs[1]);
|
||||
await utils.checkPrejoinIsPresent();
|
||||
await utils.sendKeys('#name-input', 'participant2');
|
||||
await utils.joinRoom();
|
||||
|
||||
// check if second tab received the remote video
|
||||
await utils.waitForElement('#local-element-camera');
|
||||
await utils.waitForElement('.OV_video-element');
|
||||
await utils.waitForElement('.remote-participant');
|
||||
expect(await utils.isPresent('.remote-participant')).to.be.true;
|
||||
expect(await utils.isPresent('#local-element-camera')).to.be.true;
|
||||
|
||||
// check if first tab received the remote vide
|
||||
await browser.switchTo().window(tabs[0]);
|
||||
await utils.waitForElement('.remote-participant');
|
||||
expect(await utils.isPresent('.remote-participant')).to.be.true;
|
||||
});
|
||||
|
||||
it('should be able to share the screen', async () => {
|
||||
await browser.get(`${APP_URL}/${randomRoomName}`);
|
||||
await utils.checkPrejoinIsPresent();
|
||||
|
||||
await utils.joinRoom();
|
||||
|
||||
await utils.checkToolbarIsPresent();
|
||||
await utils.checkLayoutIsPresent();
|
||||
|
||||
// Clicking to screensharing button
|
||||
await utils.enableScreenShare();
|
||||
|
||||
await utils.waitForElement('.OV_big');
|
||||
expect(await utils.getNumberOfElements('video')).equals(2);
|
||||
|
||||
await utils.disableScreenShare();
|
||||
|
||||
expect(await utils.getNumberOfElements('video')).equals(1);
|
||||
|
||||
await utils.enableScreenShare();
|
||||
|
||||
await utils.waitForElement('.OV_big');
|
||||
expect(await utils.getNumberOfElements('video')).equals(2);
|
||||
|
||||
await utils.disableScreenShare();
|
||||
|
||||
expect(await utils.getNumberOfElements('video')).equals(1);
|
||||
});
|
||||
|
||||
it('should be able to leave the session', async () => {
|
||||
|
||||
await browser.get(`${APP_URL}/${randomRoomName}`);
|
||||
|
||||
await utils.checkPrejoinIsPresent();
|
||||
await utils.joinRoom();
|
||||
|
||||
await utils.checkToolbarIsPresent();
|
||||
await utils.checkLayoutIsPresent();
|
||||
|
||||
await utils.leaveRoom();
|
||||
|
||||
await utils.waitForElement('#room-name-input');
|
||||
expect(await utils.isPresent('#room-name-input')).to.be.true;
|
||||
});
|
||||
|
||||
it('should show the chat and send a message', async () => {
|
||||
await browser.get(`${APP_URL}/${randomRoomName}`);
|
||||
|
||||
await utils.checkPrejoinIsPresent();
|
||||
await utils.joinRoom();
|
||||
|
||||
await utils.waitForElement('#chat-panel-btn');
|
||||
await utils.clickOn('#chat-panel-btn');
|
||||
|
||||
await browser.sleep(1000);
|
||||
await utils.waitForElement('#chat-input');
|
||||
await utils.sendKeys('#chat-input', 'Hello world');
|
||||
await utils.clickOn('#send-btn');
|
||||
|
||||
await utils.waitForElement('.chat-message');
|
||||
expect(await utils.isPresent('.chat-message')).to.be.true;
|
||||
});
|
||||
|
||||
it('should show the activities panel', async () => {
|
||||
await browser.get(`${APP_URL}/${randomRoomName}`);
|
||||
|
||||
await utils.checkPrejoinIsPresent();
|
||||
await utils.joinRoom();
|
||||
|
||||
await utils.waitForElement('#activities-panel-btn');
|
||||
await utils.clickOn('#activities-panel-btn');
|
||||
|
||||
await utils.waitForElement('ov-activities-panel');
|
||||
expect(await utils.isPresent('ov-activities-panel')).to.be.true;
|
||||
});
|
||||
|
||||
it('should apply a virtual background', async () => {
|
||||
await browser.get(`${APP_URL}/${randomRoomName}`);
|
||||
|
||||
await utils.checkPrejoinIsPresent();
|
||||
await utils.joinRoom();
|
||||
|
||||
await utils.checkToolbarIsPresent();
|
||||
|
||||
let localVideo = await utils.waitForElement('.OV_video-element');
|
||||
|
||||
await saveScreenshot('before.png', localVideo);
|
||||
|
||||
// check if the virtual background is applied
|
||||
|
||||
await utils.applyVirtualBackground('2');
|
||||
|
||||
localVideo = await utils.waitForElement('.OV_video-element');
|
||||
await saveScreenshot('after.png', localVideo);
|
||||
|
||||
const img1 = PNG.sync.read(fs.readFileSync('before.png'));
|
||||
const img2 = PNG.sync.read(fs.readFileSync('after.png'));
|
||||
const { width, height } = img1;
|
||||
const diff = new PNG({ width, height });
|
||||
|
||||
const numDiffPixels = pixelmatch(img1.data, img2.data, diff.data, width, height, {
|
||||
threshold: 0.4
|
||||
// alpha: 0.5,
|
||||
// includeAA: false,
|
||||
// diffColor: [255, 0, 0]
|
||||
});
|
||||
fs.writeFileSync('diff.png', PNG.sync.write(diff));
|
||||
expect(numDiffPixels).to.be.greaterThan(500, 'The virtual background was not applied correctly');
|
||||
});
|
||||
});
|
||||
Loading…
x
Reference in New Issue
Block a user