diff --git a/src/__tests__/vendor/tailwind/effects.test.tsx b/src/__tests__/vendor/tailwind/effects.test.tsx index 579d5425..dadc8673 100644 --- a/src/__tests__/vendor/tailwind/effects.test.tsx +++ b/src/__tests__/vendor/tailwind/effects.test.tsx @@ -1,5 +1,9 @@ import { renderCurrentTest } from "./_tailwind"; +/** + * TODO: Add tests for full coverage of https://tailwindcss.com/docs/box-shadow + */ + describe("Effects - Box Shadow", () => { test("shadow-sm", async () => { expect(await renderCurrentTest()).toStrictEqual({ diff --git a/src/__tests__/vendor/tailwind/sizing.tsx b/src/__tests__/vendor/tailwind/sizing.tsx deleted file mode 100644 index 719470a6..00000000 --- a/src/__tests__/vendor/tailwind/sizing.tsx +++ /dev/null @@ -1,241 +0,0 @@ -import { Dimensions } from "react-native"; - -import { renderCurrentTest } from "./_tailwind"; - -describe("Sizing - Width", () => { - test("w-0", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { width: 0 } }, - }); - }); - test("w-px", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { width: 1 } }, - }); - }); - test("w-1", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { width: 3.5 } }, - }); - }); - test("w-1/2", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { width: "50%" } }, - }); - }); - test("w-full", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { width: "100%" } }, - }); - }); - test("w-auto", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { width: "auto" } }, - }); - }); - test("w-min", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { width: "min-content" } }, - }); - }); - test("w-max", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { width: "max-content" } }, - }); - }); - test("w-fit", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { width: "fit-content" } }, - }); - }); - test("w-screen", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { width: Dimensions.get("window").width } }, - }); - }); -}); - -describe("Sizing - Min Width", () => { - test("min-w-0", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { minWidth: 0 } }, - }); - }); - test("min-w-full", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { minWidth: "100%" } }, - }); - }); - test("min-w-min", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { "min-width": "min-content" } }, - }); - }); - test("min-w-max", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { "min-width": "max-content" } }, - }); - }); - test("min-w-fit", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { "min-width": "fit-content" } }, - }); - }); -}); - -describe("Sizing - Max Width", () => { - test("max-w-0", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { maxWidth: 0 } }, - }); - }); - test("max-w-full", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { maxWidth: "100%" } }, - }); - }); - test("max-w-min", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { "max-width": "min-content" } }, - }); - }); - test("max-w-max", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { "max-width": "max-content" } }, - }); - }); - test("max-w-fit", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { "max-width": "fit-content" } }, - }); - }); -}); - -describe("Sizing - Height", () => { - test("h-0", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { height: 0 } }, - }); - }); - test("h-px", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { height: 1 } }, - }); - }); - test("h-1", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { height: 3.5 } }, - }); - }); - test("h-1/2", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { height: "50%" } }, - }); - }); - test("h-full", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { height: "100%" } }, - }); - }); - test("h-auto", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { height: "auto" } }, - }); - }); - test("h-min", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { height: "min-content" } }, - }); - }); - test("h-max", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { height: "max-content" } }, - }); - }); - test("h-fit", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { height: "fit-content" } }, - }); - }); - test("h-screen", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { height: Dimensions.get("window").height } }, - }); - }); -}); - -describe("Sizing - Min Height", () => { - test("min-h-0", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { minHeight: 0 } }, - }); - }); - test("min-h-full", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { minHeight: "100%" } }, - }); - }); - test("min-h-min", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { "min-height": "min-content" } }, - }); - }); - test("min-h-max", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { "min-height": "max-content" } }, - }); - }); - test("min-h-fit", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { "min-height": "fit-content" } }, - }); - }); -}); - -describe("Sizing - Max Height", () => { - test("max-h-0", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { maxHeight: 0 } }, - }); - }); - test("max-h-full", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: { style: { maxHeight: "100%" } }, - }); - }); - test("max-h-min", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { "max-height": "min-content" } }, - }); - }); - test("max-h-max", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { "max-height": "max-content" } }, - }); - }); - test("max-h-fit", async () => { - expect(await renderCurrentTest()).toStrictEqual({ - props: {}, - warnings: { values: { "max-height": "fit-content" } }, - }); - }); -}); diff --git a/src/__tests__/vendor/tailwind/spacing.tsx b/src/__tests__/vendor/tailwind/spacing.test.tsx similarity index 100% rename from src/__tests__/vendor/tailwind/spacing.tsx rename to src/__tests__/vendor/tailwind/spacing.test.tsx diff --git a/src/__tests__/vendor/tailwind/svg.tsx b/src/__tests__/vendor/tailwind/svg.test.tsx similarity index 100% rename from src/__tests__/vendor/tailwind/svg.tsx rename to src/__tests__/vendor/tailwind/svg.test.tsx diff --git a/src/__tests__/vendor/tailwind/tables.tsx b/src/__tests__/vendor/tailwind/tables.test.tsx similarity index 100% rename from src/__tests__/vendor/tailwind/tables.tsx rename to src/__tests__/vendor/tailwind/tables.test.tsx