|
| 1 | +import {expect, Locator, Page} from '@playwright/test' |
| 2 | +import {sleep} from 'common/util/time' |
| 3 | + |
| 4 | +export class MessagesPage { |
| 5 | + private readonly messagesPageHeader: Locator |
| 6 | + private readonly messagesTable: Locator |
| 7 | + private readonly messagesRow: Locator |
| 8 | + private readonly messagesUsername: Locator |
| 9 | + private readonly messagesTimestamp: Locator |
| 10 | + private readonly newMessageButton: Locator |
| 11 | + private readonly newMessageSearchUsers: Locator |
| 12 | + private readonly newMessageSearchResults: Locator |
| 13 | + private readonly newMessageSearchCreateButton: Locator |
| 14 | + private readonly newMessageStart: Locator |
| 15 | + private readonly messageInput: Locator |
| 16 | + private readonly messageSubmit: Locator |
| 17 | + private readonly conversation: Locator |
| 18 | + private readonly conversationMessage: Locator |
| 19 | + |
| 20 | + constructor(public readonly page: Page) { |
| 21 | + this.messagesPageHeader = page.getByRole('heading', {name: 'Messages'}) |
| 22 | + this.messagesTable = page.getByTestId('messages-table') |
| 23 | + this.messagesRow = page.getByTestId('messages-row') |
| 24 | + this.messagesUsername = page.getByTestId('messages-username') |
| 25 | + this.messagesTimestamp = page.getByTestId('messages-timestamp') |
| 26 | + this.newMessageButton = page.getByRole('button', {name: 'New Message'}) |
| 27 | + this.newMessageSearchUsers = page.getByRole('textbox', {name: 'Search users...'}) |
| 28 | + this.newMessageSearchResults = page.getByTestId('search-results') |
| 29 | + this.newMessageSearchCreateButton = page.getByRole('button', {name: 'Create'}) |
| 30 | + this.newMessageStart = page.getByText('No messages yet.', {exact: true}) |
| 31 | + this.messageInput = page.locator('.tiptap') |
| 32 | + this.messageSubmit = page.getByTestId('conversation-message-submit') |
| 33 | + this.conversation = page.getByTestId('conversation') |
| 34 | + this.conversationMessage = page.getByTestId('conversation-message') |
| 35 | + } |
| 36 | + |
| 37 | + async verifyMessagesPage() { |
| 38 | + await expect(this.messagesPageHeader).toBeVisible() |
| 39 | + } |
| 40 | + |
| 41 | + async createNewMessage(username: string[]) { |
| 42 | + await expect(this.newMessageButton).toBeVisible() |
| 43 | + await this.newMessageButton.click() |
| 44 | + await expect(this.newMessageSearchUsers).toBeVisible() |
| 45 | + for (let i = 0; i < username.length; i++) { |
| 46 | + await this.newMessageSearchUsers.fill(username[i]) |
| 47 | + await sleep(1000) |
| 48 | + await expect(this.newMessageSearchResults).toBeVisible() |
| 49 | + const results = await this.newMessageSearchResults |
| 50 | + .getByTestId('search-results-username') |
| 51 | + .all() |
| 52 | + const targetUser = username[i].toLowerCase() |
| 53 | + for (let j = 0; j < results.length; j++) { |
| 54 | + const usernameResults = (await results[j].textContent())?.toLowerCase() |
| 55 | + if (usernameResults === targetUser) { |
| 56 | + await results[j].click() |
| 57 | + break |
| 58 | + } |
| 59 | + } |
| 60 | + } |
| 61 | + |
| 62 | + await expect(this.newMessageSearchCreateButton).toBeVisible() |
| 63 | + await this.newMessageSearchCreateButton.click() |
| 64 | + } |
| 65 | + |
| 66 | + async sendMessage(message: string) { |
| 67 | + await expect(this.messageInput).toBeVisible() |
| 68 | + await this.messageInput.fill(message) |
| 69 | + await expect(this.messageSubmit).toBeVisible() |
| 70 | + await this.messageSubmit.click() |
| 71 | + const verified = await this.verifyMessage(message) |
| 72 | + if (!verified) |
| 73 | + throw new Error(`Message "${message}" was not found in conversation after sending`) |
| 74 | + } |
| 75 | + |
| 76 | + async findMessageConversation(displayName: string) { |
| 77 | + await expect(this.messagesTable).toBeVisible() |
| 78 | + await this.page.waitForTimeout(1000) |
| 79 | + const doMessagesExist = (await this.messagesRow.count()) > 0 |
| 80 | + if (doMessagesExist) { |
| 81 | + const messages = await this.messagesRow.getByTestId('messages-username').all() |
| 82 | + |
| 83 | + for (let i = 0; i < messages.length; i++) { |
| 84 | + await expect(messages[i]).toBeVisible() |
| 85 | + const messageFromUser = await messages[i].textContent() |
| 86 | + if (messageFromUser?.toLowerCase() === displayName.toLowerCase()) await messages[i].click() |
| 87 | + } |
| 88 | + } else { |
| 89 | + throw new Error('There are no messages on this account') |
| 90 | + } |
| 91 | + } |
| 92 | + |
| 93 | + async verifyMessage(messageContent: string) { |
| 94 | + await expect(this.conversation).toBeVisible() |
| 95 | + await sleep(1000) |
| 96 | + const messageCount = (await this.conversationMessage.count()) > 0 |
| 97 | + if (messageCount) { |
| 98 | + const messages = await this.conversationMessage.all() |
| 99 | + for (let i = 0; i < messages.length; i++) { |
| 100 | + const message = await messages[i].textContent() |
| 101 | + if (message?.toLowerCase() === messageContent.toLowerCase()) return true |
| 102 | + } |
| 103 | + return false |
| 104 | + } else { |
| 105 | + throw new Error('There are no messages in this conversation') |
| 106 | + } |
| 107 | + } |
| 108 | +} |
0 commit comments