From 4a124d52a2912c9f58f5bc7ccd6cb83218905abf Mon Sep 17 00:00:00 2001
From: yinjiacheng <yinjiacheng@dcloud.io>
Date: Mon, 25 Mar 2024 18:10:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0CSS=E7=A4=BA=E4=BE=8B?=
 =?UTF-8?q?=E5=92=8C=E8=87=AA=E5=8A=A8=E5=8C=96=E6=B5=8B=E8=AF=95=E7=94=A8?=
 =?UTF-8?q?=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/CSS/text/font-size.test.js | 13 +++++++++++++
 pages/CSS/text/font-size.uvue    | 19 ++++++++++++++++---
 2 files changed, 29 insertions(+), 3 deletions(-)
 create mode 100644 pages/CSS/text/font-size.test.js

diff --git a/pages/CSS/text/font-size.test.js b/pages/CSS/text/font-size.test.js
new file mode 100644
index 00000000..90046bea
--- /dev/null
+++ b/pages/CSS/text/font-size.test.js
@@ -0,0 +1,13 @@
+describe('css-font-size', () => {
+  let page;
+  beforeAll(async () => {
+    page = await program.reLaunch('/pages/CSS/text/font-size');
+  });
+
+  it('screenshot', async () => {
+    await page.callMethod("setFontSize");
+    await page.waitFor(100);
+    const image = await program.screenshot({ fullPage: true });
+    expect(image).toMatchImageSnapshot();
+  });
+});
diff --git a/pages/CSS/text/font-size.uvue b/pages/CSS/text/font-size.uvue
index dd6c3103..75e2058b 100644
--- a/pages/CSS/text/font-size.uvue
+++ b/pages/CSS/text/font-size.uvue
@@ -1,16 +1,29 @@
 <template>
 	<view style="flex-grow: 1;">
 		<view style="height: 250px;background-color: gray;justify-content: center;align-items: center;">
-			<text style="font-size: 15px;">font-size: 15px</text>
+			<text ref="text" style="font-size: 15px;">{{fontSize}}</text>
 			<text style="font-size: 30px;">font-size: 30px</text>
 		</view>
 	</view>
 </template>
 
 <script>
-
+  export default {
+    data() {
+      return {
+        fontSize: 'font-size: 15px'
+      }
+    },
+    methods: {
+      // 自动化测试
+      setFontSize() {
+        this.fontSize = 'font-size: 30px';
+        (this.$refs['text'] as UniElement).style.setProperty('font-size', '30px');
+      }
+    }
+  }
 </script>
 
 <style>
 
-</style>
\ No newline at end of file
+</style>
-- 
GitLab