update tests

Author: mertasan

__tests__/dark-mode.test.js

@@ -23,7 +23,7 @@ test('only dark variables with default options and `class` mode', async () => {
         },
       },
 
-      plugins: [tailwindcssVariables()],
+      plugins: [tailwindcssVariables],
     })
   ).toMatchInlineSnapshot(`
     "
@@ -61,7 +61,7 @@ test('only dark variables with default options and `media` mode', async () => {
         },
       },
 
-      plugins: [tailwindcssVariables()],
+      plugins: [tailwindcssVariables],
     })
   ).toMatchInlineSnapshot(`
     "
@@ -190,7 +190,7 @@ test('only dark variables with custom options and `class` mode', async () => {
 
       plugins: [
         tailwindcssVariables({
-          variablePrefix: '.my-prefix',
+          variablePrefix: 'my-prefix',
           darkSelector: '.custom-dark-selector',
           darkToRoot: true,
         }),
@@ -234,7 +234,7 @@ test('only dark variables with variablePrefix and `media` mode', async () => {
 
       plugins: [
         tailwindcssVariables({
-          variablePrefix: '.my-prefix',
+          variablePrefix: 'my-prefix',
         }),
       ],
     })
@@ -290,7 +290,7 @@ test('variables and dark variables with default options and `class` mode', async
         },
       },
 
-      plugins: [tailwindcssVariables()],
+      plugins: [tailwindcssVariables],
     })
   ).toMatchInlineSnapshot(`
     "
@@ -348,7 +348,7 @@ test('variables and dark variables with default options and `media` mode', async
         },
       },
 
-      plugins: [tailwindcssVariables()],
+      plugins: [tailwindcssVariables],
     })
   ).toMatchInlineSnapshot(`
     "
@@ -534,7 +534,7 @@ test('variables and dark variables with custom options and `class` mode', async
 
       plugins: [
         tailwindcssVariables({
-          variablePrefix: '.my-prefix',
+          variablePrefix: 'my-prefix',
           darkSelector: '.custom-dark-selector',
           darkToRoot: true,
         }),

__tests__/format-variables.test.js

@@ -11,15 +11,23 @@ test('format variables [special characters must be removed from variable names]'
         variables: {
           DEFAULT: {
             colors: {
-              "hello[$&+,:;=?@#|'<>.-^*()%!]world": '100%',
+              "hello[$&+,:;=?@#|'<>.-^*()%!]WORLD": '100%',
               underscore_to_dash: '100%',
               'underscore_to_dash-with-dash': '100%',
               auto_dash: '100%',
             },
+
+            sizes: {
+              1.5: '1rem',
+              'foo2.0bar3.0': '2rem',
+              baz: {
+                'foo3.0bar4.0': '3rem',
+              },
+            },
           },
 
           "[type='button']": {
-            "hello[$&+,:;=?@#|'<>.-^*()%!]world": '100%',
+            "hello[$&+,:;=?@#|'<>-^*()%!]world": '100%',
             underscore_to_dash: '100%',
             'underscore_to_dash-with-dash': '100%',
             auto_dash: '100%',
@@ -37,10 +45,13 @@ test('format variables [special characters must be removed from variable names]'
 
       
       + :root {
-      +   --colors-hello-world: 100%;
+      +   --colors-hello\\\\.-WORLD: 100%;
       +   --colors-underscore-to-dash: 100%;
       +   --colors-underscore-to-dash-with-dash: 100%;
-      +   --colors-auto-dash: 100%
+      +   --colors-auto-dash: 100%;
+      +   --sizes-1\\\\.5: 1rem;
+      +   --sizes-foo2\\\\.0bar3\\\\.0: 2rem;
+      +   --sizes-baz-foo3\\\\.0bar4\\\\.0: 3rem
       + }
       + [type='button'] {
       +   --hello-world: 100%;

__tests__/readme.test.js

@@ -376,15 +376,22 @@ test('naming conventions for variable keys', async () => {
         variables: {
           DEFAULT: {
             colors: {
-              "hello[$&+,:;=?@#|'<>.-^*()%!]world": '100%',
+              "hello[$&+,:;=?@#|'<>-^*()%!]WORLD": '100%',
               underscore_to_dash: '100%',
               'underscore_to_dash-with-dash': '100%',
               auto_dash: '100%',
             },
+
+            sizes: {
+              1.5: '1rem',
+              xl: {
+                '3.0': '2rem',
+              },
+            },
           },
 
           "[type='button']": {
-            "hello[$&+,:;=?@#|'<>.-^*()%!]world": '100%',
+            "hello[$&+,:;=?@#|'<>-^*()%!]world": '100%',
             underscore_to_dash: '100%',
             'underscore_to_dash-with-dash': '100%',
             auto_dash: '100%',
@@ -402,10 +409,12 @@ test('naming conventions for variable keys', async () => {
 
       
       + :root {
-      +   --colors-hello-world: 100%;
+      +   --colors-hello-WORLD: 100%;
       +   --colors-underscore-to-dash: 100%;
       +   --colors-underscore-to-dash-with-dash: 100%;
-      +   --colors-auto-dash: 100%
+      +   --colors-auto-dash: 100%;
+      +   --sizes-1\\\\.5: 1rem;
+      +   --sizes-xl-3\\\\.0: 2rem
       + }
       + [type='button'] {
       +   --hello-world: 100%;