@colimuca123/nativewind 4.2.2-rc.1

package/src/__tests__/filters.tsx

@@ -0,0 +1,201 @@
+import { renderCurrentTest } from "../test";
+
+describe("Filters - Blur", () => {
+  test("blur", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+});
+
+describe("Filters - Brightness", () => {
+  test("brightness-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+});
+
+describe("Filters - Contrast", () => {
+  test("contrast-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+  test("contrast-50", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+  test("contrast-200", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+});
+
+describe("Filters - Drop Shadow", () => {
+  test("drop-shadow", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: {
+        properties: ["filter"],
+      },
+    });
+  });
+});
+
+describe("Filters - Grayscale", () => {
+  test("grayscale", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+  test("grayscale-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+});
+
+describe("Filters - Hue Rotate", () => {
+  test("hue-rotate-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+  test("hue-rotate-180", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+});
+
+describe("Filters - Invert", () => {
+  test("invert-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+  test("invert", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+});
+
+describe("Filters - Saturate", () => {
+  test("saturate-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+  test("saturate-100", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+});
+
+describe("Filters - Sepia", () => {
+  test("sepia", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["filter"] },
+    });
+  });
+});
+
+describe("Filters - Backdrop Blur", () => {
+  test("backdrop-blur-none", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["backdrop-filter"] },
+    });
+  });
+});
+
+describe("Filters - Backdrop Brightness", () => {
+  test("backdrop-brightness-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["backdrop-filter"] },
+    });
+  });
+});
+
+describe("Filters - Backdrop Contrast", () => {
+  test("backdrop-contrast-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["backdrop-filter"] },
+    });
+  });
+});
+
+describe("Filters - Backdrop Grayscale", () => {
+  test("backdrop-grayscale-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["backdrop-filter"] },
+    });
+  });
+});
+
+describe("Filters - Backdrop Hue Rotate", () => {
+  test("backdrop-hue-rotate-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["backdrop-filter"] },
+    });
+  });
+});
+
+describe("Filters - Backdrop Invert", () => {
+  test("backdrop-invert-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["backdrop-filter"] },
+    });
+  });
+});
+
+describe("Filters - Backdrop Opacity", () => {
+  test("backdrop-opacity-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["backdrop-filter"] },
+    });
+  });
+});
+
+describe("Filters - Backdrop Saturate", () => {
+  test("backdrop-saturate-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["backdrop-filter"] },
+    });
+  });
+});
+
+describe("Filters - Backdrop Sepia", () => {
+  test("backdrop-sepia-0", async () => {
+    expect(await renderCurrentTest()).toStrictEqual({
+      props: {},
+      invalid: { properties: ["backdrop-filter"] },
+    });
+  });
+});