44 */
55
66import { test , expect } from '../support/fixtures'
7- import { createSelectionMultiColumn , createTable , loadTable , removeColumn } from '../support/commands'
7+ import { createSelectionMultiColumn , createTable , loadTable , openRowActionMenu , removeColumn } from '../support/commands'
88
99const columnTitle = 'multi selection'
1010const tableTitle = 'Test number column'
@@ -42,15 +42,17 @@ test.describe('Test column ' + columnTitle, () => {
4242 await expect ( page . locator ( '.custom-table table tr td .cell-multi-selection' ) . filter ( { hasText : 'third option' } ) . first ( ) ) . toBeVisible ( )
4343
4444 // delete first row
45- await page . locator ( '.NcTable tr td button' ) . first ( ) . click ( )
46- await page . locator ( 'button' ) . filter ( { hasText : 'Delete' } ) . click ( )
47- await page . locator ( 'button' ) . filter ( { hasText : / I r e a l l y / } ) . click ( { force : true } )
45+ await openRowActionMenu ( page , page . locator ( '[data-cy="customTableRow"]' ) . first ( ) )
46+ await page . locator ( '[data-cy="deleteRowBtn"]' ) . click ( )
47+ await page . locator ( '[data-cy="confirmDialog"]' ) . getByRole ( 'button' , { name : 'Confirm' } ) . click ( )
48+ await expect ( page . locator ( '[data-cy="customTableRow"]' ) ) . toHaveCount ( 1 , { timeout : 10000 } )
4849
4950 await expect ( page . locator ( '.custom-table table tr td .cell-multi-selection' , { hasText : 'first option' } ) ) . toBeHidden ( )
5051 await expect ( page . locator ( '.custom-table table tr td .cell-multi-selection' , { hasText : 'second option' } ) ) . toBeHidden ( )
5152
5253 // edit second row (which is now first row)
53- await page . locator ( '.NcTable tr td button' ) . first ( ) . click ( )
54+ await openRowActionMenu ( page , page . locator ( '[data-cy="customTableRow"]' ) . first ( ) )
55+ await page . locator ( '[data-cy="editRowBtn"]' ) . click ( )
5456 await page . locator ( '.modal__content .slot input' ) . first ( ) . click ( )
5557 await page . locator ( 'ul.vs__dropdown-menu li span[title="first option"]' ) . first ( ) . click ( )
5658 await page . locator ( '.modal__content .title' ) . first ( ) . click ( )
@@ -60,9 +62,10 @@ test.describe('Test column ' + columnTitle, () => {
6062 await expect ( page . locator ( '.custom-table table tr td .cell-multi-selection' ) . filter ( { hasText : 'third option' } ) . first ( ) ) . toBeVisible ( )
6163
6264 // delete first row
63- await page . locator ( '.NcTable tr td button' ) . first ( ) . click ( )
64- await page . locator ( 'button' ) . filter ( { hasText : 'Delete' } ) . click ( )
65- await page . locator ( 'button' ) . filter ( { hasText : / I r e a l l y / } ) . click ( { force : true } )
65+ await openRowActionMenu ( page , page . locator ( '[data-cy="customTableRow"]' ) . first ( ) )
66+ await page . locator ( '[data-cy="deleteRowBtn"]' ) . click ( )
67+ await page . locator ( '[data-cy="confirmDialog"]' ) . getByRole ( 'button' , { name : 'Confirm' } ) . click ( )
68+ await expect ( page . locator ( '[data-cy="customTableRow"]' ) ) . toHaveCount ( 0 , { timeout : 10000 } )
6669
6770 await removeColumn ( page , columnTitle )
6871 } )
@@ -79,6 +82,6 @@ test.describe('Test column ' + columnTitle, () => {
7982 await page . locator ( 'button' ) . filter ( { hasText : 'Save' } ) . click ( )
8083
8184 await expect ( page . locator ( '.custom-table table tr td .cell-multi-selection' ) . first ( ) ) . toBeVisible ( )
82- await expect ( page . locator ( '.NcTable tr td button ' ) . first ( ) ) . toBeVisible ( )
85+ await expect ( page . locator ( '[data-cy="customTableRow"] ' ) . first ( ) ) . toBeVisible ( )
8386 } )
8487} )
0 commit comments