feat: improve pagination block (try to fix tests)

Signed-off-by: Kostiantyn Miakshyn <molodchick@gmail.com>

Author: Koc

playwright/support/commands.ts

@@ -124,6 +124,7 @@ export async function ensureNavigationOpen(page: Page) {
 }
 
 export async function openCreateRowModal(page: Page) {
+	await waitForTransientModalsToClose(page)
 	await expect(page.locator('.icon-loading').first()).toBeHidden({
 		timeout: 10000,
 	})
@@ -371,6 +372,7 @@ export async function sortTableColumn(
 	columnTitle: string,
 	mode: 'ASC' | 'DESC' = 'ASC',
 ) {
+	await waitForTransientModalsToClose(page)
 	await expect(page.locator('.icon-loading').first()).toBeHidden({
 		timeout: 10000,
 	})
@@ -991,6 +993,10 @@ export async function createSelectionCheckColumn(
 }
 
 export async function removeColumn(page: Page, title: string) {
+	await waitForTransientModalsToClose(page)
+	await expect(page.locator('.icon-loading').first()).toBeHidden({
+		timeout: 10000,
+	})
 	const columnHeader = page
 		.locator('.custom-table table tr th')
 		.filter({ hasText: new RegExp('^' + title + '$', 'i') })

src/shared/components/ncTable/sections/PaginationBlock.vue

@@ -170,7 +170,6 @@ export default {
 .pagination-items{
 	background-color: var(--color-main-background);
 	border-radius: var(--border-radius-large);
-	pointer-events: all;
 	display: flex;
 	align-items: center;
 	flex-shrink: 0;
@@ -189,7 +188,6 @@ export default {
 }
 
 .pagination-block{
-	pointer-events: none;
 	display: flex;
 	justify-content: center;
 	align-items: center;