Add failing test

motiondivision · Sep 4, 2023 · e6a41ee · e6a41ee
1 parent 1609dcb
commit e6a41ee
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/dev/optimized-appear/resync.html b/dev/optimized-appear/resync.html
@@ -33,6 +33,7 @@
                 startOptimizedAppearAnimation,
                 optimizedAppearDataAttribute,
                 motionValue,
+                frame,
             } = window.Motion
             const { matchViewportBox } = window.Assert
             const root = document.getElementById("root")
@@ -66,12 +67,17 @@
                      * On animation start, check the values we expect to see here
                      */
                     onAnimationStart: () => {
-                        // matchViewportBox(document.getElementById("box"), {
-                        //     top: 100,
-                        //     right: 250,
-                        //     left: 150,
-                        //     bottom: 200,
-                        // })
+                        frame.postRender(() => {
+                            const box = document.getElementById("box")
+
+                            if (!box) return
+
+                            const { opacity } = window.getComputedStyle(box)
+
+                            if (parseFloat(opacity) < 0.7) {
+                                showError(box, "Resync failed")
+                            }
+                        })
                     },
                     [optimizedAppearDataAttribute]: "a",
                 })