platform/qms-tests/sanity/tests/model/documents/document-content-page.ts
2024-07-13 22:23:11 +07:00

307 lines
12 KiB
TypeScript

import { expect, type Locator, type Page } from '@playwright/test'
import { Content, DocumentDetails, DocumentRights, DocumentStatus } from '../types'
import { DocumentCommonPage } from './document-common-page'
import { iterateLocator, PlatformPassword } from '../../utils'
export class DocumentContentPage extends DocumentCommonPage {
readonly page: Page
readonly buttonDocumentTitle: Locator
readonly buttonMoreActions: Locator
readonly textDocumentStatus: Locator
readonly textType: Locator
readonly textCategory: Locator
readonly textVersion: Locator
readonly textStatus: Locator
readonly textOwner: Locator
readonly textAuthor: Locator
readonly buttonSelectNewOwner: Locator
readonly buttonSelectNewOwnerChange: Locator
readonly buttonSendForReview: Locator
readonly buttonSendForApproval: Locator
readonly buttonAddMembers: Locator
readonly buttonSelectMemberSubmit: Locator
readonly textSelectReviewersPopup: Locator
readonly textSelectApproversPopup: Locator
readonly buttonCurrentRights: Locator
readonly buttonAddMessageToText: Locator
readonly buttonComments: Locator
readonly textDocumentTitle: Locator
readonly buttonCompleteReview: Locator
readonly inputPassword: Locator
readonly buttonSubmit: Locator
readonly buttonReject: Locator
readonly inputRejectionReason: Locator
readonly buttonApprove: Locator
readonly buttonEditDocument: Locator
readonly buttonDraftNewVersion: Locator
readonly buttonDocumentInformation: Locator
readonly buttonDocument: Locator
readonly buttonDocumentApprovals: Locator
readonly textPageHeader: Locator
readonly buttonSelectNewOwnerChangeByQaraManager: Locator
readonly textId: Locator
readonly sectionsLocatorViewRight: Locator
readonly sectionsLocatorEditRight: Locator
constructor (page: Page) {
super(page)
this.page = page
this.buttonDocumentTitle = page.locator('button.version-item span.name')
this.buttonMoreActions = page.locator('div.popupPanel-title > [class="no-print"] > button:not([id])')
this.textDocumentStatus = page.locator('button.version-item div.root span.label')
this.textType = page.locator('div.flex:has(div.label:text("Template name")) div.field')
this.textCategory = page.locator('div.flex:has(div.label:text("Category")) div.field')
this.textVersion = page.locator('div.flex:has(div.label:text("Version")) div.field')
this.textStatus = page.locator('div.flex:has(div.label:text("Status")) div.field')
this.textOwner = page.locator('div.flex:has(div.label:text("Owner")) div.field')
this.textAuthor = page.locator('div.flex:has(div.label:text("Author")) div.field')
this.buttonSelectNewOwner = page.locator('div.popup button.small')
this.buttonSelectNewOwnerChange = page.locator('div.popup button.dangerous')
this.buttonSendForReview = page.locator('div.popupPanel-title button[type="button"] > span', {
hasText: 'Send for review'
})
this.buttonSendForApproval = page.locator('div.popupPanel-title button[type="button"] > span', {
hasText: 'Send for approval'
})
this.buttonAddMembers = page.locator('div.popup div.addButton')
this.buttonSelectMemberSubmit = page.locator('div.popup div.footer button[type="submit"]')
this.textSelectReviewersPopup = page.locator('div.popup span.label', { hasText: 'Select reviewers' })
this.textSelectApproversPopup = page.locator('div.popup span.label', { hasText: 'Select approvers' })
this.buttonCurrentRights = page.locator('div.popupPanel-title button[type="button"] > span[slot="content"]')
this.buttonAddMessageToText = page.locator('div.text-editor-toolbar > button:last-child')
this.buttonComments = page.locator('button[id$="comment"]')
this.textDocumentTitle = page.locator('div.panel div.title')
this.buttonCompleteReview = page.locator('div.popupPanel-title button[type="button"] > span', {
hasText: 'Complete review'
})
this.inputPassword = page.locator('input[name="documents:string:Password"]')
this.buttonSubmit = page.locator('div.popup button[type="submit"]')
this.buttonReject = page.locator('button[type="button"] > span', { hasText: 'Reject' })
this.inputRejectionReason = page.locator('div.popup div[id="rejection-reason"] input')
this.buttonApprove = page.locator('button[type="button"] > span', { hasText: 'Approve' })
this.buttonDocument = page.locator('button[id$="info"]')
this.buttonEditDocument = page.locator('div.popupPanel-title button[type="button"] > span', {
hasText: 'Edit document'
})
this.buttonDraftNewVersion = page.locator('div.popupPanel-title button[type="button"] > span', {
hasText: 'Draft new version'
})
this.buttonDocumentInformation = page.locator('button[id$="info"]')
this.buttonDocumentApprovals = page.locator('button[id$="approvals"]')
this.textPageHeader = page.locator('div.hulyNavPanel-header')
this.buttonSelectNewOwnerChangeByQaraManager = page.locator('div.popup button[type="submit"]')
this.textId = page.locator('div.flex:has(div.label:text("ID")) div.field')
this.sectionsLocatorViewRight = page.locator('div.section span.label')
this.sectionsLocatorEditRight = page.locator('div.section span.label input')
}
async checkDocumentTitle (title: string): Promise<void> {
await expect(this.buttonDocumentTitle).toContainText(title)
}
async updateSectionTitle (sectionId: string, title: string): Promise<void> {
await this.page
.locator('span.hdr-alignment:not([class*="label"])', { hasText: sectionId })
.locator('xpath=..')
.locator('span.label input')
.fill(title)
}
async addContentToTheSection (content: Content): Promise<void> {
const section = await this.getSectionLocator(content.sectionTitle)
await section
.locator('xpath=../../../../../../../..')
.locator('div.content-container div.tiptap')
.clear({ force: true })
await section
.locator('xpath=../../../../../../../..')
.locator('div.content-container div.tiptap')
.fill(content.content)
}
async checkContentForTheSection (content: Content): Promise<void> {
const section = await this.getSectionLocator(content.sectionTitle)
const parentLocator =
(await this.buttonCurrentRights.textContent()) === DocumentRights.EDITING
? '../../../../../../../..'
: '../../../..'
await expect(section.locator(`xpath=${parentLocator}`).locator('div.content-container div.tiptap')).toHaveText(
content.content
)
}
async executeMoreActions (action: string): Promise<void> {
await this.buttonMoreActions.click()
await this.selectFromDropdown(this.page, action)
}
async checkDocumentStatus (status: DocumentStatus): Promise<void> {
await expect(this.textDocumentStatus).toHaveText(status)
}
async checkDocument (data: DocumentDetails): Promise<void> {
if (data.type != null && data.type !== 'N/A') {
await expect(this.textType).toHaveText(data.type)
}
if (data.category != null) {
await expect(this.textCategory).toContainText(data.category)
}
if (data.version != null) {
await expect(this.textVersion).toHaveText(data.version)
}
if (data.status != null) {
await expect(this.textStatus).toHaveText(data.status)
}
if (data.owner != null) {
await expect(this.textOwner).toHaveText(data.owner)
}
if (data.author != null) {
await expect(this.textAuthor).toHaveText(data.author)
}
if (data.id != null) {
await expect(this.textId).toHaveText(data.id)
}
}
async fillChangeDocumentOwnerPopup (newOwner: string): Promise<void> {
await this.buttonSelectNewOwner.click()
await this.selectListItemWithSearch(this.page, newOwner)
await this.buttonSelectNewOwnerChange.click()
}
async fillSelectReviewersForm (reviewers: Array<string>): Promise<void> {
await this.buttonAddMembers.click()
for (const reviewer of reviewers) {
await this.selectListItemWithSearch(this.page, reviewer)
}
await this.textSelectReviewersPopup.click({ force: true })
await this.buttonSelectMemberSubmit.click()
}
async fillSelectApproversForm (approvers: Array<string>): Promise<void> {
await this.buttonAddMembers.click()
for (const approver of approvers) {
await this.selectListItemWithSearch(this.page, approver)
}
await this.textSelectApproversPopup.click({ force: true })
await this.buttonSelectMemberSubmit.click()
}
async checkCurrentRights (right: DocumentRights): Promise<void> {
await expect(this.buttonCurrentRights).toHaveText(right)
}
async addMessageToTheText (text: string, message: string, closePopup: boolean = true): Promise<void> {
await this.page.getByText(text).click()
await this.page.getByText(text).dblclick()
await this.buttonAddMessageToText.click()
await this.addMessage(message)
if (closePopup) {
await this.closeNewMessagePopup()
}
}
async addMessageToTheSectionTitle (title: string, message: string, closePopup: boolean = true): Promise<void> {
const locator = await this.getSectionLocator(title)
const parentLocator =
(await this.buttonCurrentRights.textContent()) === DocumentRights.EDITING ? '../../../../..' : '../..'
await locator.locator(`xpath=${parentLocator}`).hover()
await locator.locator(`xpath=${parentLocator}`).locator('div.tools button[type="button"]').click()
await this.addMessage(message)
if (closePopup) {
await this.closeNewMessagePopup()
}
}
async closeNewMessagePopup (): Promise<void> {
await this.textPageHeader.press('Escape', { delay: 300 })
await this.textPageHeader.click({ force: true, delay: 300, position: { x: 1, y: 1 } })
}
async completeReview (): Promise<void> {
await this.buttonCompleteReview.click()
await this.inputPassword.fill(PlatformPassword)
await this.buttonSubmit.click()
}
async confirmRejection (rejectionReason: string): Promise<void> {
await this.buttonReject.click()
await this.inputPassword.fill(PlatformPassword)
await this.inputRejectionReason.fill(rejectionReason)
await this.buttonSubmit.click()
}
async confirmApproval (): Promise<void> {
await this.buttonApprove.click()
await this.inputPassword.fill(PlatformPassword)
await this.buttonSubmit.click()
}
async addNewSection (startSectionId: string, direction: 'above' | 'below'): Promise<void> {
await this.page.locator('span.hdr-alignment:not([class*="label"])', { hasText: startSectionId }).hover()
await this.page
.locator('span.hdr-alignment:not([class*="label"])', { hasText: startSectionId })
.locator('xpath=../../..')
.locator('div.tools[draggable="true"]')
.click()
await this.selectFromDropdown(this.page, `Add new section ${direction}`)
}
async changeCurrentRight (newRight: DocumentRights): Promise<void> {
await this.buttonCurrentRights.click()
await this.selectMenuItem(this.page, newRight)
}
async checkComparingTextAdded (text: string): Promise<void> {
await expect(this.page.locator('span.text-editor-highlighted-node-add', { hasText: text }).first()).toBeVisible()
}
async checkComparingTextDeleted (text: string): Promise<void> {
await expect(this.page.locator('span.text-editor-highlighted-node-delete', { hasText: text }).first()).toBeVisible()
}
async openApprovals (): Promise<void> {
await expect(this.buttonDocumentApprovals).toBeVisible()
await this.buttonDocumentApprovals.click({ position: { x: 1, y: 1 }, force: true })
}
async fillChangeDocumentOwnerPopupByQaraManager (newOwner: string): Promise<void> {
await this.buttonSelectNewOwner.click()
await this.selectListItemWithSearch(this.page, newOwner)
await this.buttonSelectNewOwnerChangeByQaraManager.click()
}
private async getSectionLocator (title: string): Promise<Locator> {
let result: Locator | null = null
const sectionsLocator = iterateLocator(
(await this.buttonCurrentRights.textContent()) === DocumentRights.EDITING
? this.sectionsLocatorEditRight
: this.sectionsLocatorViewRight
)
for await (const locator of sectionsLocator) {
const value =
(await this.buttonCurrentRights.textContent()) === DocumentRights.EDITING
? await locator.inputValue()
: ((await locator.textContent()) ?? '').trim()
if (value === title) {
result = locator
break
}
}
if (result == null) {
throw new Error('Section not found')
}
return result
}
}