fix: add tests for file picker screenshots

Author: xandervedder

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()

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")
+  }
 }

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');
+      });
+    });
   });
 });