done tc TC_DEMEX_TO_1: Buy order & TC_DEMEX_TO_4: Cancel order with Phantom wallet

Author: KimieTran

pages/TradeTradePage.page.ts

@@ -11,6 +11,9 @@ export class TradeTradePage{
    readonly buyBtn: Locator
    readonly confirmBtn: Locator
    readonly orderedPopup: Locator
+   readonly orderedCancelledPopup: Locator
+   readonly cancelBtn: Locator
+   readonly cancelAllBtn: Locator
 
     constructor(page: Page){
         this.page=page;
@@ -24,9 +27,43 @@ export class TradeTradePage{
         this.buyBtn = this.page.getByRole('button', { name: 'Buy SWTH', exact: true })
         this.confirmBtn = this.page.getByRole('button', { name: 'Confirm' })
         this.orderedPopup = this.page.getByText('Order Placed')
+        this.orderedCancelledPopup = this.page.getByText('Order Cancelled')
+        this.cancelBtn = this.page.getByRole('button', { name: 'Cancel', exact: true })
+        this.cancelAllBtn = this.page.getByRole('columnheader', { name: 'Cancel All' })
     }
 
     async goToTradePage(){
         await this.page.goto('https://beta-app.dem.exchange/trade');
     }
+
+    async verifyTableData(expectedData: Array<{ [key: string]: string }>) {
+        const table = this.page.locator('//table[thead//th[contains(text(), "Date")]]');
+        await expect(table).toBeVisible();
+      
+        const headers = await table.locator('thead tr th').allInnerTexts();
+        console.log('Column headers:', headers);
+      
+        const columnIndexes: { [key: string]: number } = {};
+        headers.forEach((header, index) => {
+          columnIndexes[header.trim()] = index + 1;
+        });
+        console.log('Column Index:', columnIndexes)
+      
+        for (let rowIndex = 0; rowIndex < expectedData.length; rowIndex++) {
+          const row = table.locator(`tbody tr:nth-child(${rowIndex + 1})`);
+      
+          for (const [columnName, expectedValue] of Object.entries(expectedData[rowIndex])) {
+            if (columnIndexes[columnName] !== undefined) {
+              const columnIndex = columnIndexes[columnName];
+              const cellLocator = row.locator(`td:nth-child(${columnIndex})`);
+      
+              await expect(cellLocator).toHaveText(expectedValue);
+              console.log(`Row ${rowIndex + 1}, column "${columnName}" verified: "${expectedValue}"`);
+            } else {
+              console.warn(`Column "${columnName}" not found!`);
+            }
+          }
+        }
+      }
+      
 }

tests/ConnectWalletsAndDeposit/ConnectPhantomWallet.spec.ts

@@ -130,7 +130,7 @@ test.describe.serial(' Phantom wallet ', () => {
     await expect(withdrawPage.transactionSuccess).toBeVisible()
   })
 
-  test('Place a buy order, verify appearance in order book', async () => {
+  test('TC_DEMEX_TO_1: Place a buy order, verify appearance in order book', async () => {
     const tradePage = new TradeTradePage(page)
     await tradePage.opTokenOption.click()
     await tradePage.spotTab.click()
@@ -146,9 +146,36 @@ test.describe.serial(' Phantom wallet ', () => {
     await newPage2.waitForLoadState()
 
     const phantomPage2 = new PhantomPage(newPage2)
+    await phantomPage2.connectBtn.waitFor({ state: 'visible' })
     await phantomPage2.connectBtn.click({ delay: 1000 })
 
-    await expect(tradePage.orderedPopup).toBeVisible()
+    await expect(tradePage.orderedPopup).toBeVisible({ timeout: 10_000})
 
+    const expectedTableData = [
+      {
+        'Market': 'SWTH / USD',
+        'Type': 'Limit|Buy',
+        'Size': '1,000 SWTH$1.24',
+        'Filled': '0 SWTH$0.00',
+      }
+    ]
+    await tradePage.verifyTableData(expectedTableData)
+
+  })
+
+  test('TC_DEMEX_TO_4: Cancel an active order and confirm removal', async () => {
+    const tradePage = new TradeTradePage(page)
+
+    const [newPage3] = await Promise.all([
+      browserContext.waitForEvent('page'),
+      await tradePage.cancelBtn.click()
+    ]);
+    await newPage3.waitForLoadState()
+
+    const phantomPage3 = new PhantomPage(newPage3)
+    await phantomPage3.connectBtn.waitFor({ state: 'visible' })
+    await phantomPage3.connectBtn.click({ delay: 1000 })
+
+    await expect(tradePage.orderedCancelledPopup).toBeVisible({ timeout: 10_000})
   })
 })