test: add modern-js module doc fixed iframe test

web-infra-dev · May 9, 2024 · 9f01756 · 9f01756
1 parent 863e25f
commit 9f01756
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/e2e/fixtures/modern-js/package.json b/e2e/fixtures/modern-js/package.json
@@ -32,6 +32,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5"
-  },
-  "sideEffects": []
+  }
 }
diff --git a/e2e/tests/modern-js.test.ts b/e2e/tests/modern-js.test.ts
@@ -4,7 +4,7 @@ import { getPort, killProcess, runDevCommand } from '../utils/runCommands';
 
 const fixtureDir = path.resolve(__dirname, '../fixtures');
 
-test.describe('plugin test', async () => {
+test.describe('modernjs module doc test', async () => {
   let appPort;
   let app;
   test.beforeAll(async () => {
@@ -28,4 +28,16 @@ test.describe('plugin test', async () => {
     });
     expect(h1).toBeTruthy();
   });
+
+  test('preview iframe fixed should display', async ({ page }) => {
+    await page.goto(`http://localhost:${appPort}/general/button`, {
+      waitUntil: 'networkidle',
+    });
+
+    const iframe = await page.$('.fixed-device');
+    const leftCssValue = await iframe?.evaluate(el => {
+      return window.getComputedStyle(el).getPropertyValue('left');
+    });
+    expect(leftCssValue).not.toEqual('0px');
+  });
 });