diff --git a/pages/composition-api/reactivity/trigger-ref/trigger-ref.test.js b/pages/composition-api/reactivity/trigger-ref/trigger-ref.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..1cecd7409e1f3c9844e4f14ff7de02190af45860
--- /dev/null
+++ b/pages/composition-api/reactivity/trigger-ref/trigger-ref.test.js
@@ -0,0 +1,29 @@
+const PAGE_PATH = '/pages/composition-api/reactivity/trigger-ref/trigger-ref'
+
+describe('triggerRef', () => {
+  if (process.env.uniTestPlatformInfo.startsWith('android')) {
+    let page = null
+    beforeAll(async () => {
+      page = await program.reLaunch(PAGE_PATH)
+      await page.waitFor('view')
+    })
+    it('basic', async () => {
+      const stateCount = await page.$('#state-count')
+      expect(await stateCount.text()).toBe('state.count: 0')
+
+      const incrementStateCountBtn = await page.$('#increment-state-count-btn')
+      await incrementStateCountBtn.tap()
+
+      expect(await stateCount.text()).toBe('state.count: 0')
+
+      const triggerRefStateBtn = await page.$('#trigger-ref-state-btn')
+      await triggerRefStateBtn.tap()
+
+      expect(await stateCount.text()).toBe('state.count: 1')
+    })
+  } else {
+    it('other platform', () => {
+      expect(1).toBe(1)
+    })
+  }
+})
\ No newline at end of file
diff --git a/pages/composition-api/reactivity/trigger-ref/trigger-ref.uvue b/pages/composition-api/reactivity/trigger-ref/trigger-ref.uvue
index e5a9be5e5d4a0b53fb949ab6347488ebfa569895..850287dea20cf3be7bba05bad29aa54b1010423a 100644
--- a/pages/composition-api/reactivity/trigger-ref/trigger-ref.uvue
+++ b/pages/composition-api/reactivity/trigger-ref/trigger-ref.uvue
@@ -1 +1,22 @@
- <template><view class="page">triggerRef</view></template>
\ No newline at end of file
+<template>
+  <view class="page">
+    <text id="state-count" class="uni-common-mb">state.count: {{ state['count'] }}</text>
+    <button id="increment-state-count-btn" class="uni-common-mb" @click="incrementStateCount">increment
+      state.count</button>
+    <button id="trigger-ref-state-btn" @click="triggerRefState">trigger state</button>
+  </view>
+</template>
+
+<script setup>
+  const state = shallowRef({
+    count: 0
+  })
+
+  const incrementStateCount = () => {
+    state.value.count++
+  }
+
+  const triggerRefState = () => {
+    triggerRef(state)
+  }
+</script>
\ No newline at end of file
diff --git a/pages/tab-bar/composition-api.uvue b/pages/tab-bar/composition-api.uvue
index 01493cc9cff68082588e13ae635202b91318371c..e31bfa8d6fd73ada47fad3a2e0370677b7544841 100644
--- a/pages/tab-bar/composition-api.uvue
+++ b/pages/tab-bar/composition-api.uvue
@@ -171,7 +171,7 @@
           {
             name: 'triggerRef',
             url: 'trigger-ref',
-            enable: false,
+            enable: true,
           },
           {
             name: 'customRef',