Added Table test for Documents

tests/sanity/tests/documents/documents-content.spec.ts

@@ -0,0 +1,143 @@
+import { test, type Page, expect } from '@playwright/test'
+import {
+  generateId,
+  getTimeForPlanner,
+  generateUser,
+  createAccountAndWorkspace,
+  createAccount,
+  getInviteLink,
+  generateTestData,
+  getSecondPageByInvite
+} from '../utils'
+import { NewDocument, NewTeamspace } from '../model/documents/types'
+import { LeftSideMenuPage } from '../model/left-side-menu-page'
+import { DocumentsPage } from '../model/documents/documents-page'
+import { DocumentContentPage } from '../model/documents/document-content-page'
+import { PlanningNavigationMenuPage } from '../model/planning/planning-navigation-menu-page'
+import { PlanningPage } from '../model/planning/planning-page'
+import { SignUpData } from '../model/common-types'
+import { TestData } from '../chat/types'
+
+const retryOptions = { intervals: [1000, 1500, 2500], timeout: 60000 }
+
+test.describe('Content in the Documents tests', () => {
+  let testData: TestData
+  let newUser2: SignUpData
+  let testTeamspace: NewTeamspace
+  let testDocument: NewDocument
+
+  let leftSideMenuPage: LeftSideMenuPage
+  let documentsPage: DocumentsPage
+  let documentContentPage: DocumentContentPage
+
+  let secondPage: Page
+  let leftSideMenuSecondPage: LeftSideMenuPage
+  let documentsSecondPage: DocumentsPage
+  let documentContentSecondPage: DocumentContentPage
+
+  test.beforeEach(async ({ browser, page, request }) => {
+    leftSideMenuPage = new LeftSideMenuPage(page)
+    documentsPage = new DocumentsPage(page)
+    documentContentPage = new DocumentContentPage(page)
+    testTeamspace = {
+      title: `Teamspace-${generateId()}`,
+      description: 'Teamspace description',
+      autoJoin: true
+    }
+    testDocument = {
+      title: `Document-${generateId()}`,
+      space: testTeamspace.title
+    }
+
+    testData = generateTestData()
+    newUser2 = generateUser()
+    await createAccountAndWorkspace(page, request, testData)
+    await createAccount(request, newUser2)
+
+    const linkText = await getInviteLink(page)
+    await leftSideMenuPage.clickDocuments()
+    await documentsPage.checkTeamspaceNotExist(testTeamspace.title)
+    await documentsPage.createNewTeamspace(testTeamspace)
+    secondPage = await getSecondPageByInvite(browser, linkText, newUser2)
+
+    leftSideMenuSecondPage = new LeftSideMenuPage(secondPage)
+    documentsSecondPage = new DocumentsPage(secondPage)
+    documentContentSecondPage = new DocumentContentPage(secondPage)
+    await documentsPage.clickOnButtonCreateDocument()
+    await documentsPage.createDocument(testDocument)
+    await documentsPage.openDocument(testDocument.title)
+    await documentContentPage.checkDocumentTitle(testDocument.title)
+  })
+
+  test('ToDos in the Document', async () => {
+    const contents: string[] = ['work', 'meet up']
+    let content: string = ''
+
+    for (let i = 0; i < contents.length; i++) {
+      content = await documentContentPage.addContentToTheNewLine(`${i === 0 ? '[] ' : ''}${contents[i]}`)
+      await documentContentPage.checkContent(content)
+    }
+    for (const line of contents) {
+      await documentContentPage.assignToDo(`${newUser2.lastName} ${newUser2.firstName}`, line)
+    }
+
+    await leftSideMenuSecondPage.clickDocuments()
+    await documentsSecondPage.openTeamspace(testDocument.space)
+    await documentsSecondPage.openDocument(testDocument.title)
+    await documentContentSecondPage.checkDocumentTitle(testDocument.title)
+    await documentContentSecondPage.checkContent(content)
+    await leftSideMenuSecondPage.clickPlanner()
+
+    const planningNavigationMenuPage = new PlanningNavigationMenuPage(secondPage)
+    await planningNavigationMenuPage.clickOnButtonToDoAll()
+    const planningPage = new PlanningPage(secondPage)
+    const time: string = getTimeForPlanner()
+    await planningPage.dragToCalendar(contents[0], 1, time)
+    await planningPage.dragToCalendar(contents[1], 1, time, true)
+    await planningPage.checkInSchedule(contents[0])
+    await planningPage.checkInSchedule(contents[1])
+    await planningPage.markDoneInToDos(contents[0])
+    await planningPage.markDoneInToDos(contents[1])
+    await secondPage.close()
+
+    for (const line of contents) await documentContentPage.checkToDo(line, true)
+  })
+
+  test('Table in the Document', async ({ page }) => {
+    await documentContentPage.inputContentParapraph().click()
+    await documentContentPage.leftMenu().click()
+    await documentContentPage.menuPopupItemButton('Table').click()
+    await documentContentPage.menuPopupItemButton('1x2').first().click()
+    await documentContentPage.proseTableCell(0, 0).fill('One')
+    await documentContentPage.proseTableCell(0, 1).fill('Two')
+    await documentContentPage.buttonInsertColumn().click()
+    await documentContentPage.proseTableCell(0, 1).fill('Three')
+
+    await documentContentPage.proseTableColumnHandle(1).hover()
+    await expect(async () => {
+      await page.mouse.down()
+      const boundingBox = await documentContentPage.proseTableCell(0, 1).boundingBox()
+      expect(boundingBox).toBeTruthy()
+      if (boundingBox != null) {
+        await page.mouse.move(boundingBox.x + boundingBox.width * 2, boundingBox.y - 5)
+        await page.mouse.move(boundingBox.x + boundingBox.width * 2 + 5, boundingBox.y - 5)
+        await page.mouse.up()
+      }
+    }).toPass(retryOptions)
+
+    await documentContentPage.buttonInsertLastRow().click()
+    await documentContentPage.proseTableCell(1, 1).fill('Bottom')
+    await documentContentPage.buttonInsertInnerRow().click()
+    await documentContentPage.proseTableCell(1, 1).fill('Middle')
+
+    await leftSideMenuSecondPage.clickDocuments()
+    await documentsSecondPage.openTeamspace(testDocument.space)
+    await documentsSecondPage.openDocument(testDocument.title)
+    await documentContentSecondPage.checkDocumentTitle(testDocument.title)
+    await expect(documentContentSecondPage.proseTableCell(1, 1)).toContainText('Middle')
+    await documentContentSecondPage.proseTableCell(1, 1).dblclick()
+    await documentContentSecondPage.proseTableCell(1, 1).fill('Center')
+    await expect(documentContentPage.proseTableCell(1, 1)).toContainText('Center', { timeout: 5000 })
+    await secondPage.close()
+  })
+})

tests/sanity/tests/documents/documents.spec.ts

@@ -1,26 +1,9 @@
 import { test } from '@playwright/test'
-import {
-  generateId,
-  getSecondPage,
-  PlatformSetting,
-  PlatformURI,
-  getTimeForPlanner,
-  generateUser,
-  createAccountAndWorkspace,
-  createAccount,
-  getInviteLink,
-  generateTestData,
-  reLogin
-} from '../utils'
+import { generateId, getSecondPage, PlatformSetting, PlatformURI } from '../utils'
 import { NewDocument, NewTeamspace } from '../model/documents/types'
 import { LeftSideMenuPage } from '../model/left-side-menu-page'
 import { DocumentsPage } from '../model/documents/documents-page'
 import { DocumentContentPage } from '../model/documents/document-content-page'
-import { PlanningNavigationMenuPage } from '../model/planning/planning-navigation-menu-page'
-import { PlanningPage } from '../model/planning/planning-page'
-import { SignUpData } from '../model/common-types'
-import { SignInJoinPage } from '../model/signin-page'
-import { TestData } from '../chat/types'
 
 test.use({
   storageState: PlatformSetting
@@ -186,69 +169,4 @@ test.describe('Documents tests', () => {
     await documentContentPage.checkDocumentTitle(newDocument.title)
     await documentContentPage.checkDocumentLocked()
   })
-
-  test('ToDos in the Document', async ({ page, browser, request }) => {
-    const testData: TestData = generateTestData()
-    await createAccountAndWorkspace(page, request, testData)
-    const newUser2: SignUpData = generateUser()
-    await createAccount(request, newUser2)
-
-    const todosTeamspace: NewTeamspace = {
-      title: `ToDos Teamspace-${generateId()}`,
-      description: 'ToDos Teamspace description',
-      autoJoin: true
-    }
-    const todosDocument: NewDocument = {
-      title: `ToDos in the Document-${generateId()}`,
-      space: todosTeamspace.title
-    }
-    const contents: string[] = ['work', 'meet up']
-    let content: string = ''
-
-    const linkText = await getInviteLink(page)
-    await leftSideMenuPage.clickDocuments()
-    await documentsPage.checkTeamspaceNotExist(todosTeamspace.title)
-    await documentsPage.createNewTeamspace(todosTeamspace)
-    const page2 = await browser.newPage()
-    await page2.goto(linkText ?? '')
-    const joinPage: SignInJoinPage = new SignInJoinPage(page2)
-    await joinPage.join(newUser2)
-    await page2.goto(`${PlatformURI}/workbench/sanity-ws`)
-
-    await documentsPage.clickOnButtonCreateDocument()
-    await documentsPage.createDocument(todosDocument)
-    await documentsPage.openDocument(todosDocument.title)
-    await documentContentPage.checkDocumentTitle(todosDocument.title)
-    for (let i = 0; i < contents.length; i++) {
-      content = await documentContentPage.addContentToTheNewLine(`${i === 0 ? '[] ' : ''}${contents[i]}`)
-      await documentContentPage.checkContent(content)
-    }
-    for (const line of contents) {
-      await documentContentPage.assignToDo(`${newUser2.lastName} ${newUser2.firstName}`, line)
-    }
-
-    await reLogin(page2, { ...testData, userName: newUser2.email })
-    const leftSideMenuPageSecond = new LeftSideMenuPage(page2)
-    await leftSideMenuPageSecond.clickDocuments()
-    const documentsPageSecond = new DocumentsPage(page2)
-    await documentsPageSecond.openTeamspace(todosDocument.space)
-    await documentsPageSecond.openDocument(todosDocument.title)
-    const documentContentPageSecond = new DocumentContentPage(page2)
-    await documentContentPageSecond.checkDocumentTitle(todosDocument.title)
-    await documentContentPageSecond.checkContent(content)
-    await leftSideMenuPageSecond.clickPlanner()
-
-    const planningNavigationMenuPage = new PlanningNavigationMenuPage(page2)
-    await planningNavigationMenuPage.clickOnButtonToDoAll()
-    const planningPage = new PlanningPage(page2)
-    const time: string = getTimeForPlanner()
-    await planningPage.dragToCalendar(contents[0], 1, time)
-    await planningPage.dragToCalendar(contents[1], 1, time, true)
-    await planningPage.checkInSchedule(contents[0])
-    await planningPage.checkInSchedule(contents[1])
-    await planningPage.markDoneInToDos(contents[0])
-    await planningPage.markDoneInToDos(contents[1])
-    for (const line of contents) await documentContentPage.checkToDo(line, true)
-    await page2.close()
-  })
 })

tests/sanity/tests/model/documents/document-content-page.ts

@@ -11,6 +11,23 @@ export class DocumentContentPage extends CommonPage {
 
   readonly buttonDocumentTitle = (): Locator => this.page.locator('div[class*="main-content"] div.title input')
   readonly inputContent = (): Locator => this.page.locator('div.textInput div.tiptap')
+  readonly inputContentParapraph = (): Locator => this.page.locator('div.textInput div.tiptap > p')
+  readonly leftMenu = (): Locator => this.page.locator('div.tiptap-left-menu')
+  readonly proseTableCell = (row: number, col: number): Locator =>
+    this.page.locator('table.proseTable').locator('tr').nth(row).locator('td').nth(col).locator('p')
+
+  readonly proseTableColumnHandle = (col: number): Locator =>
+    this.page.locator('table.proseTable').locator('tr').first().locator('td').nth(col).locator('div.table-col-handle')
+
+  readonly buttonInsertColumn = (col: number = 0): Locator =>
+    this.page.locator('div.table-col-insert').nth(col).locator('button')
+
+  readonly buttonInsertLastRow = (): Locator =>
+    this.page.locator('table.proseTable + div.table-button-container__col + div.table-button-container__row')
+
+  readonly buttonInsertInnerRow = (row: number = 0): Locator =>
+    this.page.locator('table.proseTable').locator('tr').nth(row).locator('div.table-row-insert button')
+
   readonly buttonToolbarLink = (): Locator => this.page.locator('div.text-editor-toolbar button[data-id="btnLink"]')
   readonly inputFormLink = (): Locator => this.page.locator('form[id="text-editor:string:Link"] input')
   readonly buttonFormLinkSave = (): Locator =>

tests/sanity/tests/utils.ts

@@ -8,6 +8,7 @@ import { SignUpData } from './model/common-types'
 import { ApiEndpoint } from './API/Api'
 import { SelectWorkspacePage } from './model/select-workspace-page'
 import { LoginPage } from './model/login-page'
+import { SignInJoinPage } from './model/signin-page'
 
 export const PlatformURI = process.env.PLATFORM_URI as string
 export const PlatformTransactor = process.env.PLATFORM_TRANSACTOR as string
@@ -109,6 +110,19 @@ export async function getSecondPage (browser: Browser): Promise<{ page: Page, co
   const userSecondContext = await browser.newContext({ storageState: PlatformSettingSecond })
   return { page: await userSecondContext.newPage(), context: userSecondContext }
 }
+
+export async function getSecondPageByInvite (
+  browser: Browser,
+  linkText: string | null,
+  newUser: SignUpData
+): Promise<Page> {
+  const page = await browser.newPage()
+  await page.goto(linkText ?? '')
+  const joinPage: SignInJoinPage = new SignInJoinPage(page)
+  await joinPage.join(newUser)
+  return page
+}
+
 export function expectToContainsOrdered (val: Locator, text: string[], timeout?: number): Promise<void> {
   const origIssuesExp = new RegExp('.*' + text.join('.*') + '.*')
   return expect(val).toHaveText(origIssuesExp, { timeout })