chore(e2e): add input-files.spec.ts (#6436)

.cspell.json

@@ -37,7 +37,8 @@
         "replicants",
         "tuiiconbutton",
         "hitbox",
-        "domcontentloaded"
+        "domcontentloaded",
+        "filechooser"
     ],
     "ignoreRegExpList": ["\\(https?://.*?\\)", "\\/{1}.+\\/{1}", "\\%2F.+", "\\%2C.+", "\\ɵ.+", "\\ыва.+"],
     "overrides": [

projects/demo-playwright/tests/kit/input-files/input-files.spec.ts

@@ -0,0 +1,50 @@
+import {TuiDocumentationApiPagePO, tuiGoto} from '@demo-playwright/utils';
+import {expect, Locator, test} from '@playwright/test';
+import {join} from 'path';
+
+test.describe('InputFiles', () => {
+    let example: Locator;
+
+    test.beforeEach(({page}) => {
+        example = new TuiDocumentationApiPagePO(page).apiPageExample;
+    });
+
+    ['english', 'dutch', 'russian'].forEach(language =>
+        test(`Wrong file type (i18n: ${language})`, async ({page}) => {
+            await tuiGoto(page, '/components/input-files/API?accept=application/pdf', {
+                language,
+            });
+
+            await example
+                .locator('[tuiInputFiles]')
+                .setInputFiles(join(__dirname, '../../../stubs/web-api.svg'));
+            await expect(example).toHaveScreenshot(`01-${language}-input-files.png`);
+        }),
+    );
+
+    ['english', 'dutch', 'russian'].forEach(language =>
+        test(`File is too large (i18n: ${language})`, async ({page}) => {
+            await tuiGoto(
+                page,
+                '/components/input-files/API?accept=image/*&maxFileSize=2000',
+                {language},
+            );
+            await example
+                .locator('[tuiInputFiles]')
+                .setInputFiles(join(__dirname, '../../../stubs/web-api.svg'));
+            await expect(example).toHaveScreenshot(`02-${language}-input-files.png`);
+        }),
+    );
+
+    test('Link text is too long', async ({page}) => {
+        await page.setViewportSize({width: 550, height: 500});
+        await tuiGoto(
+            page,
+            '/components/input-files/API?link=Select%20a%20file%20with%20a%20too%20long%20name.%20Long%20filename.%20Very%20long%20filename',
+        );
+        await example
+            .locator('[tuiInputFiles]')
+            .setInputFiles(join(__dirname, '../../../stubs/web-api.svg'));
+        await expect(example).toHaveScreenshot('03-input-files.png');
+    });
+});

projects/demo-playwright/utils/goto.ts

@@ -5,6 +5,7 @@ import {tuiWaitForFonts} from './wait-for-fonts';
 
 interface TuiGotoOptions extends NonNullable<Parameters<Page['goto']>[1]> {
     date?: Date;
+    language?: string;
     hideHeader?: boolean;
     enableNightMode?: boolean;
     hideVersionManager?: boolean;
@@ -20,6 +21,7 @@ export async function tuiGoto(
         enableNightMode = false,
         hideVersionManager = false,
         hideLanguageSwitcher = false,
+        language,
         ...playwrightGotoOptions
     }: TuiGotoOptions = {},
 ): ReturnType<Page['goto']> {
@@ -36,6 +38,13 @@ export async function tuiGoto(
         );
     }
 
+    if (language) {
+        await page.addInitScript(
+            lang => globalThis.localStorage.setItem('tuiLanguage', lang),
+            language,
+        );
+    }
+
     await tuiMockDate(page, date);
 
     const response = await page.goto(url, playwrightGotoOptions);