Put tests on correct file

Author: Michael Vurchio

test/getlocalidentname.test.js

@@ -1,57 +1,16 @@
 const compiler = require('./compiler.js');
 
 const source = '<style>.red { color: red; }</style>\n<span class="$style.red">Red</span>';
-const sourceShorthand = '<style>.red { color: red; }</style>\n<span class="$.red">Red</span>';
 
-test('Generate CSS Modules from HTML attributes, Replace CSS className', async () => {
+test('Customize generated classname from getLocalIdentName', async () => {
   const output = await compiler({
     source,
   }, {
-    localIdentName: '[local]-123456',
+    localIdentName: '[local]-123456MC',
+    getLocalIdentName: (context, { interpolatedName }) => {
+      return interpolatedName.toLowerCase();
+    }
   });
 
-  expect(output).toBe('<style>:global(.red-123456) { color: red; }</style>\n<span class="red-123456">Red</span>');
-});
-test('[Shorthand] Generate CSS Modules from HTML attributes, Replace CSS className', async () => {
-  const output = await compiler({
-    source: sourceShorthand,
-  }, {
-    localIdentName: '[local]-123456',
-  });
-
-  expect(output).toBe('<style>:global(.red-123456) { color: red; }</style>\n<span class="red-123456">Red</span>');
-});
-
-test('Avoid generated class to start with a non character', async () => {
-  const output = await compiler({
-    source,
-  }, {
-    localIdentName: '1[local]',
-  });
-  expect(output).toBe('<style>:global(._1red) { color: red; }</style>\n<span class="_1red">Red</span>');
-});
-test('[Shorthand] Avoid generated class to start with a non character', async () => {
-  const output = await compiler({
-    source: sourceShorthand,
-  }, {
-    localIdentName: '1[local]',
-  });
-  expect(output).toBe('<style>:global(._1red) { color: red; }</style>\n<span class="_1red">Red</span>');
-});
-
-test('Avoid generated class to end with a hyphen', async () => {
-  const output = await compiler({
-    source,
-  }, {
-    localIdentName: '[local]-',
-  });
-  expect(output).toBe('<style>:global(.red) { color: red; }</style>\n<span class="red">Red</span>');
-});
-test('[Shorthand] Avoid generated class to end with a hyphen', async () => {
-  const output = await compiler({
-    source: sourceShorthand,
-  }, {
-    localIdentName: '[local]-',
-  });
-  expect(output).toBe('<style>:global(.red) { color: red; }</style>\n<span class="red">Red</span>');
-});
+  expect(output).toBe('<style>:global(.red-123456mc) { color: red; }</style>\n<span class="red-123456mc">Red</span>');
+});

test/replace.test.js

@@ -1,16 +1,57 @@
 const compiler = require('./compiler.js');
 
 const source = '<style>.red { color: red; }</style>\n<span class="$style.red">Red</span>';
+const sourceShorthand = '<style>.red { color: red; }</style>\n<span class="$.red">Red</span>';
 
-test('Customize generated classname from getLocalIdentName', async () => {
+test('Generate CSS Modules from HTML attributes, Replace CSS className', async () => {
   const output = await compiler({
     source,
   }, {
-    localIdentName: '[local]-123456MC',
-    getLocalIdentName: (context, localIdentName) => {
-      return localIdentName.interpolated.toLowerCase();
-    }
+    localIdentName: '[local]-123456',
   });
 
-  expect(output).toBe('<style>:global(.red-123456mc) { color: red; }</style>\n<span class="red-123456mc">Red</span>');
-});
+  expect(output).toBe('<style>:global(.red-123456) { color: red; }</style>\n<span class="red-123456">Red</span>');
+});
+test('[Shorthand] Generate CSS Modules from HTML attributes, Replace CSS className', async () => {
+  const output = await compiler({
+    source: sourceShorthand,
+  }, {
+    localIdentName: '[local]-123456',
+  });
+
+  expect(output).toBe('<style>:global(.red-123456) { color: red; }</style>\n<span class="red-123456">Red</span>');
+});
+
+test('Avoid generated class to start with a non character', async () => {
+  const output = await compiler({
+    source,
+  }, {
+    localIdentName: '1[local]',
+  });
+  expect(output).toBe('<style>:global(._1red) { color: red; }</style>\n<span class="_1red">Red</span>');
+});
+test('[Shorthand] Avoid generated class to start with a non character', async () => {
+  const output = await compiler({
+    source: sourceShorthand,
+  }, {
+    localIdentName: '1[local]',
+  });
+  expect(output).toBe('<style>:global(._1red) { color: red; }</style>\n<span class="_1red">Red</span>');
+});
+
+test('Avoid generated class to end with a hyphen', async () => {
+  const output = await compiler({
+    source,
+  }, {
+    localIdentName: '[local]-',
+  });
+  expect(output).toBe('<style>:global(.red) { color: red; }</style>\n<span class="red">Red</span>');
+});
+test('[Shorthand] Avoid generated class to end with a hyphen', async () => {
+  const output = await compiler({
+    source: sourceShorthand,
+  }, {
+    localIdentName: '[local]-',
+  });
+  expect(output).toBe('<style>:global(.red) { color: red; }</style>\n<span class="red">Red</span>');
+});