add nova

2024-09-01 18:54:23 +05:00
parent 76d18365a5
commit 061f09eca1
1597 changed files with 109451 additions and 1 deletions
--- a/nova/resources/js/tests/util/tailwindConfig.test.js
+++ b/nova/resources/js/tests/util/tailwindConfig.test.js
@@ -0,0 +1,132 @@
+import {
+  generateRootCSSVars,
+  generateTailwindColors,
+} from '../../../../generators'
+
+it('generates Tailwind colors', () => {
+  expect(generateTailwindColors()).toEqual(
+    expect.objectContaining({
+      current: 'currentColor',
+      inherit: 'inherit',
+      transparent: 'transparent',
+      black: '#000',
+      white: '#fff',
+      primary: {
+        100: 'rgba(var(--colors-primary-100))',
+        200: 'rgba(var(--colors-primary-200))',
+        300: 'rgba(var(--colors-primary-300))',
+        400: 'rgba(var(--colors-primary-400))',
+        50: 'rgba(var(--colors-primary-50))',
+        500: 'rgba(var(--colors-primary-500))',
+        600: 'rgba(var(--colors-primary-600))',
+        700: 'rgba(var(--colors-primary-700))',
+        800: 'rgba(var(--colors-primary-800))',
+        900: 'rgba(var(--colors-primary-900))',
+        950: 'rgba(var(--colors-primary-950))',
+      },
+    })
+  )
+})
+
+const data = {
+  lightBlue: {
+    100: 'rgba(var(--colors-lightBlue-100))',
+    200: 'rgba(var(--colors-lightBlue-200))',
+    300: 'rgba(var(--colors-lightBlue-300))',
+    400: 'rgba(var(--colors-lightBlue-400))',
+    50: 'rgba(var(--colors-lightBlue-50))',
+    500: 'rgba(var(--colors-lightBlue-500))',
+    600: 'rgba(var(--colors-lightBlue-600))',
+    700: 'rgba(var(--colors-lightBlue-700))',
+    800: 'rgba(var(--colors-lightBlue-800))',
+    900: 'rgba(var(--colors-lightBlue-900))',
+  },
+
+  warmGray: {
+    100: 'rgba(var(--colors-warmGray-100))',
+    200: 'rgba(var(--colors-warmGray-200))',
+    300: 'rgba(var(--colors-warmGray-300))',
+    400: 'rgba(var(--colors-warmGray-400))',
+    50: 'rgba(var(--colors-warmGray-50))',
+    500: 'rgba(var(--colors-warmGray-500))',
+    600: 'rgba(var(--colors-warmGray-600))',
+    700: 'rgba(var(--colors-warmGray-700))',
+    800: 'rgba(var(--colors-warmGray-800))',
+    900: 'rgba(var(--colors-warmGray-900))',
+  },
+
+  trueGray: {
+    100: 'rgba(var(--colors-trueGray-100))',
+    200: 'rgba(var(--colors-trueGray-200))',
+    300: 'rgba(var(--colors-trueGray-300))',
+    400: 'rgba(var(--colors-trueGray-400))',
+    50: 'rgba(var(--colors-trueGray-50))',
+    500: 'rgba(var(--colors-trueGray-500))',
+    600: 'rgba(var(--colors-trueGray-600))',
+    700: 'rgba(var(--colors-trueGray-700))',
+    800: 'rgba(var(--colors-trueGray-800))',
+    900: 'rgba(var(--colors-trueGray-900))',
+  },
+
+  coolGray: {
+    100: 'rgba(var(--colors-coolGray-100))',
+    200: 'rgba(var(--colors-coolGray-200))',
+    300: 'rgba(var(--colors-coolGray-300))',
+    400: 'rgba(var(--colors-coolGray-400))',
+    50: 'rgba(var(--colors-coolGray-50))',
+    500: 'rgba(var(--colors-coolGray-500))',
+    600: 'rgba(var(--colors-coolGray-600))',
+    700: 'rgba(var(--colors-coolGray-700))',
+    800: 'rgba(var(--colors-coolGray-800))',
+    900: 'rgba(var(--colors-coolGray-900))',
+  },
+
+  blueGray: {
+    100: 'rgba(var(--colors-blueGray-100))',
+    200: 'rgba(var(--colors-blueGray-200))',
+    300: 'rgba(var(--colors-blueGray-300))',
+    400: 'rgba(var(--colors-blueGray-400))',
+    50: 'rgba(var(--colors-blueGray-50))',
+    500: 'rgba(var(--colors-blueGray-500))',
+    600: 'rgba(var(--colors-blueGray-600))',
+    700: 'rgba(var(--colors-blueGray-700))',
+    800: 'rgba(var(--colors-blueGray-800))',
+    900: 'rgba(var(--colors-blueGray-900))',
+  },
+}
+
+describe.each(Object.keys(data))(
+  `It does not generate the deprecated Tailwind colors`,
+  key => {
+    it(`does not generate "${key}" colors`, () => {
+      expect(generateTailwindColors()).toEqual(
+        expect.not.objectContaining({ [key]: data[key] })
+      )
+    })
+  }
+)
+
+it('generates root CSS variables', () => {
+  expect(generateRootCSSVars()).toEqual(
+    expect.objectContaining({
+      '--colors-primary-50': '240, 249, 255',
+      '--colors-primary-100': '224, 242, 254',
+      '--colors-primary-200': '186, 230, 253',
+      '--colors-primary-300': '125, 211, 252',
+      '--colors-primary-400': '56, 189, 248',
+      '--colors-primary-500': '14, 165, 233',
+      '--colors-primary-600': '2, 132, 199',
+      '--colors-primary-700': '3, 105, 161',
+      '--colors-primary-800': '7, 89, 133',
+      '--colors-primary-900': '12, 74, 110',
+    })
+  )
+
+  expect(generateRootCSSVars()).toEqual(
+    expect.not.objectContaining({
+      '--colors-inherit': 'inherit',
+      '--colors-current': 'current',
+      '--colors-transparent': 'transparent',
+    })
+  )
+})