chore: move compiler tests

src/compiler/__tests__/@prop.test.tsx → src/__tests__/compiler/@prop.test.tsx

@@ -1,9 +1,8 @@
 import { render, screen } from "@testing-library/react-native";
+import { compile } from "react-native-css/compiler";
 import { View } from "react-native-css/components";
 import { registerCSS, testID } from "react-native-css/jest";
 
-import { compile } from "../compiler";
-
 test("@prop target (nested @media)", () => {
   const compiled = registerCSS(`
     .my-class { 

src/compiler/__tests__/compiler.test.tsx → src/__tests__/compiler/compiler.test.tsx

@@ -1,4 +1,4 @@
-import { compile } from "../compiler";
+import { compile } from "react-native-css/compiler";
 
 test("hello world", () => {
   const compiled = compile(`

src/compiler/__tests__/media-query.test.ts → src/__tests__/compiler/media-query.test.ts

@@ -1,4 +1,4 @@
-import { compile } from "../compiler";
+import { compile } from "react-native-css/compiler";
 
 describe.skip("platform media queries", () => {
   test("android", () => {

src/compiler/__tests__/selectors.test.tsx → src/__tests__/compiler/selectors.test.tsx

@@ -1,4 +1,4 @@
-import { getClassNameSelectors } from "../selector-builder";
+import { getClassNameSelectors } from "../../compiler/selector-builder";
 
 test("empty", () => {
   expect(getClassNameSelectors([])).toStrictEqual([]);

src/__tests__/compiler/unstable_animations.test.ts

@@ -0,0 +1,70 @@
+import { compile } from "react-native-css/compiler";
+
+test("test compiler", () => {
+  const compiled = compile(
+    `
+    .test { 
+      animation: slide-in 1s;
+    }
+
+    @keyframes slide-in {
+      from {
+        margin-left: 100%;
+      }
+
+      to {
+        margin-left: 0%;
+      }
+    }
+  `,
+  );
+
+  expect(compiled.stylesheet()).toStrictEqual({
+    k: [
+      [
+        "slide-in",
+        [
+          [
+            "from",
+            [
+              {
+                marginLeft: "100%",
+              },
+            ],
+          ],
+          [
+            "to",
+            [
+              {
+                marginLeft: "0%",
+              },
+            ],
+          ],
+        ],
+      ],
+    ],
+    s: [
+      [
+        "test",
+        [
+          {
+            a: true,
+            d: [
+              [[[{}, "animationName", ["slide-in"], 1]], "animationName"],
+              {
+                animationDelay: [0],
+                animationDirection: ["normal"],
+                animationDuration: [1000],
+                animationFillMode: ["none"],
+                animationIterationCount: [1],
+                animationPlayState: ["running"],
+                animationTimingFunction: "ease",
+              },
+            ],
+            s: [1, 1],
+          },
+        ],
+      ],
+    ],
+  });
+});