fix: add tests for file picker screenshots

stryker-mutator · Nov 16, 2024 · 551d508 · 551d508
1 parent f20a378
commit 551d508
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/packages/elements/src/components/file/file.component.ts b/packages/elements/src/components/file/file.component.ts
@@ -23,7 +23,7 @@ export class FileComponent extends RealTimeElement {
   @state()
   public declare filters: StateFilter<MutantStatus>[];
 
-  @property()
+  @property({ attribute: false})
   public declare model: FileUnderTestModel;
 
   @state()

diff --git a/packages/elements/test/integration/po/ReportPage.ts b/packages/elements/test/integration/po/ReportPage.ts
@@ -72,4 +72,8 @@ export class ReportPage extends ElementSelector {
   pageYOffset(): Promise<number> {
     return this.page.evaluate('window.pageYOffset');
   }
+
+  async openPicker(): Promise<void> {
+    await this.page.keyboard.press("Control+K")
+  }
 }
diff --git a/packages/elements/test/integration/theming.it.spec.ts b/packages/elements/test/integration/theming.it.spec.ts
@@ -41,6 +41,13 @@ test.describe('Theming', () => {
 
       itShouldMatchScreenshot('should match the dark theme');
     });
+
+    test.describe('when opening the file picker', () => {
+      test('should show the file picker', async () => {
+        await page.openPicker();
+        itShouldMatchScreenshot('should match the dark theme');
+      });
+    });
   });
 
   test.describe('light theme', () => {
@@ -67,5 +74,12 @@ test.describe('Theming', () => {
 
       itShouldMatchScreenshot('should match the light theme');
     });
+
+    test.describe('when opening the file picker', () => {
+      test('should match screenshot', async () => {
+        await page.openPicker();
+        itShouldMatchScreenshot('should match the light theme');
+      });
+    });
   });
 });