chore(demo-playwright): InputDate use calendar inside InputDatePO

taiga-family · Oct 23, 2024 · 9260160 · 9260160
1 parent 1a15f35
commit 9260160
Showing 2 changed files with 7 additions and 14 deletions.
diff --git a/projects/demo-playwright/tests/kit/input-date/input-date.spec.ts b/projects/demo-playwright/tests/kit/input-date/input-date.spec.ts
@@ -2,13 +2,14 @@ import {TuiDocumentationPagePO, tuiGoto} from '@demo-playwright/utils';
 import type {Locator} from '@playwright/test';
 import {expect, test} from '@playwright/test';
 
-import {TuiInputDatePO} from '../../../utils';
+import {TuiCalendarPO, TuiInputDatePO} from '../../../utils';
 
 test.describe('InputDate', () => {
     test.describe('API', () => {
+        let documentationPage: TuiDocumentationPagePO;
         let example: Locator;
         let inputDate!: TuiInputDatePO;
-        let documentationPage: TuiDocumentationPagePO;
+        let calendar!: TuiCalendarPO;
 
         test.use({
             viewport: {
@@ -22,6 +23,7 @@ test.describe('InputDate', () => {
             example = documentationPage.apiPageExample;
 
             inputDate = new TuiInputDatePO(example.locator('tui-input-date'));
+            calendar = new TuiCalendarPO(inputDate.calendar);
         });
 
         test('Click any day after `Until today` was selected', async ({page}) => {
@@ -31,7 +33,7 @@ test.describe('InputDate', () => {
             await inputDate.clickItemButton();
 
             await inputDate.textfield.click();
-            await inputDate.clickOnCalendarDay(1);
+            await calendar.clickOnCalendarDay(1);
 
             await expect(inputDate.textfield).toHaveScreenshot('01-input-date.png');
         });

diff --git a/projects/demo-playwright/utils/page-objects/input-date.po.ts b/projects/demo-playwright/utils/page-objects/input-date.po.ts
@@ -1,11 +1,8 @@
 import {Locator} from '@playwright/test';
 
-import {TuiCalendarPO} from './calendar.po';
-
 export class TuiInputDatePO {
-    readonly textfield: Locator = this.host.locator(
-        '[automation-id="tui-primitive-textfield__native-input"]',
-    );
+    readonly textfield: Locator = this.host.getByRole('textbox');
+    readonly calendar: Locator = this.host.page().locator('tui-calendar');
 
     constructor(private readonly host: Locator) {}
 
@@ -16,10 +13,4 @@ export class TuiInputDatePO {
 
         await itemButton.click();
     }
-
-    async clickOnCalendarDay(day: number): Promise<void> {
-        const calendar = new TuiCalendarPO(this.host.page().locator('tui-calendar'));
-
-        await calendar.clickOnCalendarDay(day);
-    }
 }