diff --git a/FramedRendering/entry/src/main/ets/view/TestCode.ets b/FramedRendering/entry/src/main/ets/view/TestCode.ets
new file mode 100644
index 0000000000000000000000000000000000000000..5b4e2bf937ec464a95859095f94b4565bcea2a9c
--- /dev/null
+++ b/FramedRendering/entry/src/main/ets/view/TestCode.ets
@@ -0,0 +1,24 @@
+import { ProductDetailModel } from "../model/BasicDataSource";
+import { ProductDetailSource } from "../model/ProductDetailSource";
+
+// [Start transition_scene_usually]
+@Component
+export struct TransitionScene {
+  private productData: ProductDetailSource = new ProductDetailSource();
+
+  aboutToAppear() {
+    this.productData.getProductData();
+  }
+
+  build() {
+    WaterFlow() {
+      LazyForEach(this.productData, (item: ProductDetailModel) => {
+        FlowItem() {
+          // ...
+        }
+      }, (item: ProductDetailModel) => item.id.toString())
+    }
+    // ...
+  }
+}
+// [End transition_scene_usually]
\ No newline at end of file