Adds data-testid to loading-animation, microphone recording button, recording permissions button, stop recording button, consolidates tests into user actions test, adds media to fixtures folder, updates linked device tests with avatar change, username change and group tests. Adds tests for messaging, sending image, video, document, gif and link with preview. Also updates reply message functionality to wait for loading animation
Emily
2 years ago
parent
d64dbc163f
commit
eeb6cfb435
@ -1,43 +0,0 @@
|
||||
import { _electron, expect, Page, test } from '@playwright/test';
|
||||
import { openAppAndWait } from './setup/open';
|
||||
import { beforeAllClean, forceCloseAllWindows } from './setup/beforeEach';
|
||||
import { newUser } from './setup/new_user';
|
||||
import { clickOnTestIdWithText, waitForTestIdWithText } from './utilities/utils';
|
||||
import { sleepFor } from '../../session/utils/Promise';
|
||||
|
||||
let window: Page | undefined;
|
||||
test.beforeEach(beforeAllClean);
|
||||
|
||||
test.afterEach(async () => {
|
||||
if (window) {
|
||||
await forceCloseAllWindows([window]);
|
||||
}
|
||||
});
|
||||
|
||||
test('Change profile picture/avatar', async () => {
|
||||
window = await openAppAndWait('1');
|
||||
|
||||
await newUser(window, 'userA');
|
||||
// Open profile
|
||||
await clickOnTestIdWithText(window, 'leftpane-primary-avatar');
|
||||
// Click on current profile picture
|
||||
|
||||
await waitForTestIdWithText(window, 'copy-button-profile-update', 'Copy');
|
||||
|
||||
await clickOnTestIdWithText(window, 'image-upload-section');
|
||||
await clickOnTestIdWithText(window, 'save-button-profile-update');
|
||||
await waitForTestIdWithText(window, 'loading-spinner');
|
||||
|
||||
await waitForTestIdWithText(window, 'copy-button-profile-update', 'Copy');
|
||||
await clickOnTestIdWithText(window, 'modal-close-button');
|
||||
|
||||
await sleepFor(500);
|
||||
const leftpaneAvatarContainer = await waitForTestIdWithText(window, 'leftpane-primary-avatar');
|
||||
await sleepFor(500);
|
||||
const screenshot = await leftpaneAvatarContainer.screenshot({
|
||||
type: 'jpeg',
|
||||
// path: 'avatar-updated-blue',
|
||||
});
|
||||
|
||||
expect(screenshot).toMatchSnapshot({ name: 'avatar-updated-blue.jpeg' });
|
||||
});
|
||||
@ -1,36 +0,0 @@
|
||||
import { _electron, expect, Page, test } from '@playwright/test';
|
||||
import { newUser } from './setup/new_user';
|
||||
import { openAppAndWait } from './setup/open';
|
||||
import { beforeAllClean, forceCloseAllWindows } from './setup/beforeEach';
|
||||
import { clickOnTestIdWithText, typeIntoInput } from './utilities/utils';
|
||||
let window: Page | undefined;
|
||||
|
||||
test.beforeEach(beforeAllClean);
|
||||
|
||||
test.afterEach(async () => {
|
||||
if (window) {
|
||||
await forceCloseAllWindows([window]);
|
||||
}
|
||||
});
|
||||
|
||||
test('Change username', async () => {
|
||||
// Open App
|
||||
window = await openAppAndWait('1');
|
||||
// Create user
|
||||
await newUser(window, 'userA');
|
||||
// Open Profile
|
||||
await clickOnTestIdWithText(window, 'leftpane-primary-avatar');
|
||||
// Click on current username to open edit field
|
||||
await clickOnTestIdWithText(window, 'edit-profile-icon');
|
||||
// Type in new username
|
||||
await typeIntoInput(window, 'profile-name-input', 'new username');
|
||||
// await window.fill('.profile-name-input', 'new username');
|
||||
// Press enter to confirm username input
|
||||
await window.keyboard.press('Enter');
|
||||
// Wait for Copy button to appear to verify username change
|
||||
await window.isVisible("'Copy'");
|
||||
// verify name change
|
||||
expect(await window.innerText('[data-testid=your-profile-name]')).toBe('new username');
|
||||
// Exit profile module
|
||||
await window.click('.session-icon-button.small');
|
||||
});
|
||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 4.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
Binary file not shown.
@ -1,75 +0,0 @@
|
||||
import { _electron, Page, test } from '@playwright/test';
|
||||
import { beforeAllClean, forceCloseAllWindows } from './setup/beforeEach';
|
||||
import { messageSent } from './utilities/message';
|
||||
import { openAppsAndNewUsers } from './setup/new_user';
|
||||
import { sendNewMessage } from './utilities/send_message';
|
||||
import {
|
||||
clickOnMatchingText,
|
||||
clickOnTestIdWithText,
|
||||
typeIntoInput,
|
||||
waitForReadableMessageWithText,
|
||||
waitForTestIdWithText,
|
||||
} from './utilities/utils';
|
||||
|
||||
const testGroupName = 'Test Group Name';
|
||||
|
||||
let windows: Array<Page> = [];
|
||||
test.beforeEach(beforeAllClean);
|
||||
|
||||
test.afterEach(() => forceCloseAllWindows(windows));
|
||||
|
||||
test('Create group', async () => {
|
||||
const windowLoggedIn = await openAppsAndNewUsers(3);
|
||||
windows = windowLoggedIn.windows;
|
||||
const users = windowLoggedIn.users;
|
||||
const [windowA, windowB, windowC] = windows;
|
||||
const [userA, userB, userC] = users;
|
||||
// Add contacts
|
||||
await sendNewMessage(windowA, userC.sessionid, `A -> C: ${Date.now()}`);
|
||||
await Promise.all([
|
||||
sendNewMessage(windowA, userB.sessionid, `A -> B: ${Date.now()}`),
|
||||
sendNewMessage(windowB, userA.sessionid, `B -> A: ${Date.now()}`),
|
||||
sendNewMessage(windowC, userA.sessionid, `C -> A: ${Date.now()}`),
|
||||
]);
|
||||
// Click new closed group tab
|
||||
|
||||
await clickOnTestIdWithText(windowA, 'new-conversation-button');
|
||||
await clickOnTestIdWithText(windowA, 'chooser-new-group'); // Enter group name
|
||||
await typeIntoInput(windowA, 'new-closed-group-name', testGroupName);
|
||||
// Select user B
|
||||
await clickOnMatchingText(windowA, userB.userName);
|
||||
// Select user C
|
||||
await clickOnMatchingText(windowA, userC.userName);
|
||||
// Click Done
|
||||
await clickOnTestIdWithText(windowA, 'next-button');
|
||||
// Check group was successfully created
|
||||
await clickOnMatchingText(windowB, testGroupName);
|
||||
await waitForTestIdWithText(windowB, 'header-conversation-name', testGroupName);
|
||||
// Send message in group chat from user A
|
||||
const msgAToGroup = 'A -> Group';
|
||||
await messageSent(windowA, msgAToGroup);
|
||||
// Verify it was received by other two accounts
|
||||
// Navigate to group in window B
|
||||
await clickOnTestIdWithText(windowB, 'message-section');
|
||||
// Click on test group
|
||||
await clickOnMatchingText(windowB, testGroupName);
|
||||
// wait for selector 'test message' in chat window
|
||||
await waitForReadableMessageWithText(windowB, msgAToGroup);
|
||||
// Send reply message
|
||||
const msgBToGroup = 'B -> Group';
|
||||
await messageSent(windowB, msgBToGroup);
|
||||
// Navigate to group in window C
|
||||
await clickOnTestIdWithText(windowC, 'message-section');
|
||||
// Click on test group
|
||||
await clickOnMatchingText(windowC, testGroupName);
|
||||
// windowC must see the message from A
|
||||
await waitForReadableMessageWithText(windowC, msgAToGroup);
|
||||
// windowC must see the message from B
|
||||
await waitForReadableMessageWithText(windowC, msgBToGroup);
|
||||
// Send message from C to the group
|
||||
const msgCToGroup = 'C -> Group';
|
||||
await messageSent(windowC, msgCToGroup);
|
||||
// windowA should see the message from B and the message from C
|
||||
await waitForReadableMessageWithText(windowA, msgBToGroup);
|
||||
await waitForReadableMessageWithText(windowA, msgCToGroup);
|
||||
});
|
||||
@ -1,51 +0,0 @@
|
||||
import { _electron, Page, test } from '@playwright/test';
|
||||
import { beforeAllClean, forceCloseAllWindows } from './setup/beforeEach';
|
||||
import { clickOnTestIdWithText, typeIntoInput, waitForTestIdWithText } from './utilities/utils';
|
||||
import { createGroup } from './setup/create_group';
|
||||
|
||||
let windows: Array<Page> = [];
|
||||
test.beforeEach(beforeAllClean);
|
||||
|
||||
test.afterEach(() => forceCloseAllWindows(windows));
|
||||
|
||||
test('Mentions', async () => {
|
||||
const { userA, userB, userC, windowA, windowB, windowC } = await createGroup('Test Group Name');
|
||||
windows = [windowA, windowB, windowC];
|
||||
|
||||
// in windowA we should be able to mentions userB and userC
|
||||
|
||||
await clickOnTestIdWithText(
|
||||
windowA,
|
||||
'module-conversation__user__profile-name',
|
||||
'Test Group Name'
|
||||
);
|
||||
await typeIntoInput(windowA, 'message-input-text-area', '@');
|
||||
// does 'message-input-text-area' have aria-expanded: true when @ is typed into input
|
||||
await waitForTestIdWithText(windowA, 'mentions-popup-row');
|
||||
await waitForTestIdWithText(windowA, 'mentions-popup-row', userB.userName);
|
||||
await waitForTestIdWithText(windowA, 'mentions-popup-row', userC.userName);
|
||||
|
||||
// in windowB we should be able to mentions userA and userC
|
||||
await clickOnTestIdWithText(
|
||||
windowB,
|
||||
'module-conversation__user__profile-name',
|
||||
'Test Group Name'
|
||||
);
|
||||
await typeIntoInput(windowB, 'message-input-text-area', '@');
|
||||
// does 'message-input-text-area' have aria-expanded: true when @ is typed into input
|
||||
await waitForTestIdWithText(windowB, 'mentions-popup-row');
|
||||
await waitForTestIdWithText(windowB, 'mentions-popup-row', userA.userName);
|
||||
await waitForTestIdWithText(windowB, 'mentions-popup-row', userC.userName);
|
||||
|
||||
// in windowC we should be able to mentions userA and userB
|
||||
await clickOnTestIdWithText(
|
||||
windowC,
|
||||
'module-conversation__user__profile-name',
|
||||
'Test Group Name'
|
||||
);
|
||||
await typeIntoInput(windowC, 'message-input-text-area', '@');
|
||||
// does 'message-input-text-area' have aria-expanded: true when @ is typed into input
|
||||
await waitForTestIdWithText(windowC, 'mentions-popup-row');
|
||||
await waitForTestIdWithText(windowC, 'mentions-popup-row', userA.userName);
|
||||
await waitForTestIdWithText(windowC, 'mentions-popup-row', userB.userName);
|
||||
});
|
||||
@ -0,0 +1,146 @@
|
||||
import { test } from '@playwright/test';
|
||||
import { sleepFor } from '../../session/utils/Promise';
|
||||
import { beforeAllClean } from './setup/beforeEach';
|
||||
import { newUser } from './setup/new_user';
|
||||
import { openApp } from './setup/open';
|
||||
import { createContact } from './utilities/create_contact';
|
||||
import { replyTo } from './utilities/reply_message';
|
||||
import {
|
||||
clickOnMatchingText,
|
||||
clickOnTestIdWithText,
|
||||
typeIntoInput,
|
||||
waitForLoadingAnimationToFinish,
|
||||
} from './utilities/utils';
|
||||
|
||||
test.beforeEach(beforeAllClean);
|
||||
|
||||
test('Send image and reply test', async () => {
|
||||
const [windowA, windowB] = await openApp(2);
|
||||
const [userA, userB] = await Promise.all([newUser(windowA, 'Alice'), newUser(windowB, 'Bob')]);
|
||||
const testMessage = `${userA.userName} sending image to ${userB.userName}`;
|
||||
const testReply = `${userB.userName} replying to image from ${userA.userName}`;
|
||||
await createContact(windowA, windowB, userA, userB);
|
||||
|
||||
await windowA.setInputFiles("input[type='file']", 'ts/test/automation/fixtures/test-image.png');
|
||||
await typeIntoInput(windowA, 'message-input-text-area', testMessage);
|
||||
await clickOnTestIdWithText(windowA, 'send-message-button');
|
||||
// Click on untrusted attachment in window B
|
||||
await sleepFor(1000);
|
||||
await clickOnMatchingText(windowB, 'Click to download media');
|
||||
await clickOnTestIdWithText(windowB, 'session-confirm-ok-button');
|
||||
await waitForLoadingAnimationToFinish(windowB);
|
||||
// Waiting for image to change from loading state to loaded (takes a second)
|
||||
await sleepFor(1000);
|
||||
|
||||
await replyTo(windowB, testMessage, testReply);
|
||||
});
|
||||
|
||||
test('Send video and reply test', async () => {
|
||||
const [windowA, windowB] = await openApp(2);
|
||||
const [userA, userB] = await Promise.all([newUser(windowA, 'Alice'), newUser(windowB, 'Bob')]);
|
||||
const testMessage = `${userA.userName} sending video to ${userB.userName}`;
|
||||
const testReply = `${userB.userName} replying to video from ${userA.userName}`;
|
||||
await createContact(windowA, windowB, userA, userB);
|
||||
|
||||
await windowA.setInputFiles("input[type='file']", 'ts/test/automation/fixtures/test-video.mp4');
|
||||
await typeIntoInput(windowA, 'message-input-text-area', testMessage);
|
||||
await sleepFor(100);
|
||||
await clickOnTestIdWithText(windowA, 'send-message-button');
|
||||
await sleepFor(1000);
|
||||
await clickOnMatchingText(windowB, 'Click to download media');
|
||||
await clickOnTestIdWithText(windowB, 'session-confirm-ok-button');
|
||||
await waitForLoadingAnimationToFinish(windowB);
|
||||
// Waiting for videoto change from loading state to loaded (takes a second)
|
||||
await sleepFor(1000);
|
||||
await replyTo(windowB, testMessage, testReply);
|
||||
});
|
||||
|
||||
test('Send document and reply test', async () => {
|
||||
const [windowA, windowB] = await openApp(2);
|
||||
const [userA, userB] = await Promise.all([newUser(windowA, 'Alice'), newUser(windowB, 'Bob')]);
|
||||
const testMessage = `${userA.userName} sending document to ${userB.userName}`;
|
||||
const testReply = `${userB.userName} replying to document from ${userA.userName}`;
|
||||
await createContact(windowA, windowB, userA, userB);
|
||||
|
||||
await windowA.setInputFiles("input[type='file']", 'ts/test/automation/fixtures/test-file.pdf');
|
||||
await typeIntoInput(windowA, 'message-input-text-area', testMessage);
|
||||
await sleepFor(100);
|
||||
await clickOnTestIdWithText(windowA, 'send-message-button');
|
||||
await sleepFor(1000);
|
||||
await clickOnMatchingText(windowB, 'Click to download media');
|
||||
await clickOnTestIdWithText(windowB, 'session-confirm-ok-button');
|
||||
await waitForLoadingAnimationToFinish(windowB);
|
||||
// Waiting for videoto change from loading state to loaded (takes a second)
|
||||
await sleepFor(1000);
|
||||
await replyTo(windowB, testMessage, testReply);
|
||||
});
|
||||
|
||||
test('Send voice message and reply test', async () => {
|
||||
const [windowA, windowB] = await openApp(2);
|
||||
const [userA, userB] = await Promise.all([newUser(windowA, 'Alice'), newUser(windowB, 'Bob')]);
|
||||
// const testReply = `${userB.userName} to ${userA.userName}`;
|
||||
await createContact(windowA, windowB, userA, userB);
|
||||
|
||||
await clickOnTestIdWithText(windowA, 'microphone-button');
|
||||
await clickOnTestIdWithText(windowA, 'session-toast');
|
||||
await clickOnTestIdWithText(windowA, 'enable-microphone');
|
||||
await clickOnTestIdWithText(windowA, 'message-section');
|
||||
await clickOnTestIdWithText(windowA, 'microphone-button');
|
||||
await sleepFor(5000);
|
||||
await clickOnTestIdWithText(windowA, 'end-voice-message');
|
||||
await sleepFor(4000);
|
||||
await clickOnTestIdWithText(windowA, 'send-message-button');
|
||||
await sleepFor(1000);
|
||||
await clickOnMatchingText(windowB, 'Click to download media');
|
||||
await clickOnTestIdWithText(windowB, 'session-confirm-ok-button');
|
||||
});
|
||||
|
||||
test('Send GIF and reply test', async () => {
|
||||
const [windowA, windowB] = await openApp(2);
|
||||
const [userA, userB] = await Promise.all([newUser(windowA, 'Alice'), newUser(windowB, 'Bob')]);
|
||||
// const testReply = `${userB.userName} to ${userA.userName}`;
|
||||
await createContact(windowA, windowB, userA, userB);
|
||||
|
||||
await windowA.setInputFiles("input[type='file']", 'ts/test/automation/fixtures/test-gif.gif');
|
||||
await sleepFor(100);
|
||||
await clickOnTestIdWithText(windowA, 'send-message-button');
|
||||
await sleepFor(1000);
|
||||
await clickOnMatchingText(windowB, 'Click to download media');
|
||||
});
|
||||
|
||||
test('Send long text and reply test', async () => {
|
||||
const [windowA, windowB] = await openApp(2);
|
||||
const [userA, userB] = await Promise.all([newUser(windowA, 'Alice'), newUser(windowB, 'Bob')]);
|
||||
|
||||
const testReply = `${userB.userName} replying to long text message from ${userA.userName}`;
|
||||
const longText =
|
||||
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis lacinia mi. Praesent fermentum vehicula rhoncus. Aliquam ac purus lobortis, convallis nisi quis, pulvinar elit. Nam commodo eros in molestie lobortis. Donec at mattis est. In tempor ex nec velit mattis, vitae feugiat augue maximus. Nullam risus libero, bibendum et enim et, viverra viverra est. Suspendisse potenti. Sed ut nibh in sem rhoncus suscipit. Etiam tristique leo sit amet ullamcorper dictum. Suspendisse sollicitudin, lectus et suscipit eleifend, libero dui ultricies neque, non elementum nulla orci bibendum lorem. Suspendisse potenti. Aenean a tellus imperdiet, iaculis metus quis, pretium diam. Nunc varius vitae enim vestibulum interdum. In hac habitasse platea dictumst. Donec auctor sem quis eleifend fermentum. Vestibulum neque nulla, maximus non arcu gravida, condimentum euismod turpis. Cras ac mattis orci. Quisque ac enim pharetra felis sodales eleifend. Aliquam erat volutpat. Donec sit amet mollis nibh, eget feugiat ipsum. Integer vestibulum purus ac suscipit egestas. Duis vitae aliquet ligula.';
|
||||
|
||||
await createContact(windowA, windowB, userA, userB);
|
||||
|
||||
await typeIntoInput(windowA, 'message-input-text-area', longText);
|
||||
await sleepFor(100);
|
||||
await clickOnTestIdWithText(windowA, 'send-message-button');
|
||||
await sleepFor(1000);
|
||||
await replyTo(windowB, longText, testReply);
|
||||
});
|
||||
|
||||
test('Send link and reply test', async () => {
|
||||
const [windowA, windowB] = await openApp(2);
|
||||
const [userA, userB] = await Promise.all([newUser(windowA, 'Alice'), newUser(windowB, 'Bob')]);
|
||||
const testMessage = 'https://nerdlegame.com/';
|
||||
const testReply = `${userB.userName} replying to link from ${userA.userName}`;
|
||||
|
||||
await createContact(windowA, windowB, userA, userB);
|
||||
|
||||
await typeIntoInput(windowA, 'message-input-text-area', testMessage);
|
||||
await sleepFor(5000);
|
||||
await clickOnTestIdWithText(windowA, 'send-message-button');
|
||||
await sleepFor(1000);
|
||||
await replyTo(windowB, testMessage, testReply);
|
||||
});
|
||||
|
||||
// Send link
|
||||
// Send long text
|
||||
// Unsend
|
||||
// Delete message
|
||||
@ -0,0 +1,11 @@
|
||||
import { test } from '@playwright/test';
|
||||
import { beforeAllClean } from './setup/beforeEach';
|
||||
import { openApp } from './setup/open';
|
||||
import { clickOnMatchingText } from './utilities/utils';
|
||||
|
||||
test.beforeEach(beforeAllClean);
|
||||
|
||||
test('Tiny test', async () => {
|
||||
const [windowA] = await openApp(1);
|
||||
await clickOnMatchingText(windowA, 'Create Session ID');
|
||||
});
|
||||
@ -0,0 +1 @@
|
||||
//
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1014 B |
@ -0,0 +1,20 @@
|
||||
import { Page } from '@playwright/test';
|
||||
import { User } from '../types/testing';
|
||||
import { sendNewMessage } from './send_message';
|
||||
import { clickOnTestIdWithText, waitForTestIdWithText } from './utils';
|
||||
|
||||
export const createContact = async (windowA: Page, windowB: Page, userA: User, userB: User) => {
|
||||
const testMessage = `${userA.userName} to ${userB.userName}`;
|
||||
const testReply = `${userB.userName} to ${userA.userName}`;
|
||||
// User A sends message to User B
|
||||
await sendNewMessage(windowA, userB.sessionid, `${testMessage}`);
|
||||
// User B sends message to User B to USER A
|
||||
await sendNewMessage(windowB, userA.sessionid, `${testReply}`);
|
||||
|
||||
await clickOnTestIdWithText(windowA, 'new-conversation-button');
|
||||
await windowA.waitForTimeout(2000);
|
||||
await waitForTestIdWithText(windowB, 'module-conversation__user__profile-name', userA.userName);
|
||||
|
||||
// Navigate to contacts tab in User A's window
|
||||
await clickOnTestIdWithText(windowA, 'new-conversation-button');
|
||||
};
|
||||
@ -1,15 +1,11 @@
|
||||
import { _electron } from 'playwright-core';
|
||||
import { openAppsAndNewUsers, openAppsNoNewUsers } from '../setup/new_user';
|
||||
import { logIn } from '../setup/log_in';
|
||||
import { openApp } from '../setup/open';
|
||||
|
||||
export async function linkedDevice() {
|
||||
const windowLoggedIn = await openAppsAndNewUsers(1);
|
||||
const [windowA1] = windowLoggedIn.windows;
|
||||
const users = windowLoggedIn.users;
|
||||
const [userA] = users;
|
||||
const [windowA2] = await openAppsNoNewUsers(1);
|
||||
export async function linkedDevice(recoveryPhrase: string) {
|
||||
const [windowB] = await openApp(1);
|
||||
|
||||
await logIn(windowA2, userA.recoveryPhrase);
|
||||
await logIn(windowB, recoveryPhrase);
|
||||
|
||||
return { windowA1, windowA2, userA };
|
||||
return [windowB];
|
||||
}
|
||||
|
||||
@ -0,0 +1,11 @@
|
||||
import { Page } from '@playwright/test';
|
||||
import { sendMessage } from './message';
|
||||
import { clickOnMatchingText, clickOnTestIdWithText, waitForTextMessage } from './utils';
|
||||
|
||||
export const replyTo = async (window: Page, textMessage: string, replyText: string) => {
|
||||
await waitForTextMessage(window, textMessage);
|
||||
await clickOnTestIdWithText(window, 'control-message', textMessage, true);
|
||||
await clickOnMatchingText(window, 'Reply to message');
|
||||
await sendMessage(window, replyText);
|
||||
console.warn();
|
||||
};
|
||||
Loading…
Reference in New Issue