add nova

nova/resources/js/__tests__/util/hourCycle.test.js

@@ -0,0 +1,13 @@
+import { default as hourCycle } from '@/util/hourCycle'
+
+it('can uses 12 hour cycles', () => {
+  expect(hourCycle('en-US')).toEqual(12)
+  expect(hourCycle('ms-MY')).toEqual(12)
+  expect(hourCycle('ko-KR')).toEqual(12)
+  expect(hourCycle('ar-EG')).toEqual(12)
+})
+
+it('can uses 24 hour cycles', () => {
+  expect(hourCycle('en-GB')).toEqual(24)
+  expect(hourCycle('ja-JP')).toEqual(24)
+})

nova/resources/js/__tests__/util/increaseOrDecrease.test.js

@@ -0,0 +1,17 @@
+import increaseOrDecrease from '@/util/increaseOrDecrease'
+
+test('it can calculate increase in percentage', () => {
+  expect(increaseOrDecrease(50, 0)).toBe(null)
+  expect(increaseOrDecrease(45, 10)).toBe(350)
+  expect(increaseOrDecrease(45, 36)).toBe(25)
+  expect(increaseOrDecrease(45, 40)).toBe(12.5)
+  expect(increaseOrDecrease(50, -50)).toBe(200)
+})
+
+test('it can calculate decrease in percentage', () => {
+  expect(increaseOrDecrease(0, 50)).toBe(-100)
+  expect(increaseOrDecrease(10, 45)).toBe(-77.77777777777779)
+  expect(increaseOrDecrease(36, 45)).toBe(-20)
+  expect(increaseOrDecrease(40, 45)).toBe(-11.11111111111111)
+  expect(increaseOrDecrease(-50, 50)).toBe(-200)
+})

nova/resources/js/__tests__/util/singularOrPlural.test.js

@@ -0,0 +1,14 @@
+import singularOrPlural from '@/util/singularOrPlural'
+
+test('it can return correct inflector results', () => {
+  expect(singularOrPlural(0, 'hour')).toBe('hours')
+  expect(singularOrPlural(1, 'hour')).toBe('hour')
+  expect(singularOrPlural(1.23, 'hour')).toBe('hours')
+  expect(singularOrPlural(40, 'hour')).toBe('hours')
+  expect(singularOrPlural(40, 'Bouqueté')).toBe('Bouquetés')
+})
+
+test('it does ignore when suffix is a symbol', () => {
+  expect(singularOrPlural(40, '%')).toBe('%')
+  expect(singularOrPlural(40, '!')).toBe('!')
+})

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',
+    })
+  )
+})

nova/resources/js/__tests__/util/url.test.js

@@ -0,0 +1,14 @@
+import url from '@/util/url'
+
+it('it can generate proper urls', () => {
+  expect(url('nova', '/resources/users')).toEqual('nova/resources/users')
+  expect(url('nova', '/resources/users', { users_per_page: 15 })).toEqual(
+    'nova/resources/users?users_per_page=15'
+  )
+  expect(
+    url('nova', '/resources/users', { search: 'nova', users_per_page: 15 })
+  ).toEqual('nova/resources/users?search=nova&users_per_page=15')
+  expect(url('nova', '/resources/users', { resources: [1, 2, 3] })).toEqual(
+    'nova/resources/users?resources=1%2C2%2C3'
+  )
+})