From 9f017565b8bab1592c8a9f0700a703b4c1cdce7e Mon Sep 17 00:00:00 2001
From: Timeless0911 <1604889533@qq.com>
Date: Thu, 9 May 2024 15:41:15 +0800
Subject: [PATCH] test: add modern-js module doc fixed iframe test

---
 e2e/fixtures/modern-js/package.json |  3 +--
 e2e/tests/modern-js.test.ts         | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/e2e/fixtures/modern-js/package.json b/e2e/fixtures/modern-js/package.json
index 85168fc0b..1f1c8360c 100644
--- 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
index 917d17397..f82071443 100644
--- 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');
+  });
 });