Adding test for unit conversion

dev/tests/unit-conversion-vh.tsx

@@ -0,0 +1,17 @@
+import * as React from "react"
+import { motion } from "framer-motion"
+
+/**
+ * An example of animating between different value types
+ */
+
+export const App = () => {
+    return (
+        <motion.div
+            animate={{ height: "50vh", width: 100 }}
+            transition={{ duration: 5, ease: () => 0.5 }}
+            style={{ width: "50vw", height: 100, background: "#ffaa00" }}
+            id="box"
+        />
+    )
+}

packages/framer-motion/cypress/integration/unit-conversion.ts

@@ -10,4 +10,16 @@ describe("Unit conversion", () => {
                 expect(left).to.equal(150)
             })
     })
+
+    it("Animate width and height to/from vh units", () => {
+        cy.viewport(400, 400)
+            .visit("?test=unit-conversion-vh")
+            .wait(100)
+            .get("#box")
+            .should(([$box]: any) => {
+                const { width, height } = $box.getBoundingClientRect()
+                expect(width).to.equal(150)
+                expect(height).to.equal(150)
+            })
+    })
 })