diff --git a/pages/CSS/text/font-size.test.js b/pages/CSS/text/font-size.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..90046beaf3b608cc8e656c6c33b254c7a2ff01ce
--- /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 dd6c31034490346b0c3c5d6c1ecd2fc2b3dfe932..75e2058b3addf7396d011575bd4de45767714d34 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>