Consider Multiline class attribute

Author: micantoine

src/parsers/template.ts

@@ -12,8 +12,9 @@ const updateMultipleClasses = (processor: Processor, classNames: string): string
   const classes: string[] = classNames.split(' ');
   const generatedClassNames: string = classes.reduce((accumulator, currentValue, currentIndex) => {
     let value: string = currentValue;
-    if (currentValue in processor.cssModuleList) {
-      value = processor.cssModuleList[currentValue.trim()];
+    const rawValue: string = value.trim();
+    if (rawValue in processor.cssModuleList) {
+      value = value.replace(rawValue, processor.cssModuleList[rawValue]);
     }
     if (currentIndex < classes.length - 1) {
       value += ' ';

test/globalFixtures/template.test.js

@@ -0,0 +1,22 @@
+const compiler = require('../compiler.js');
+
+test('Replace multiline class attribute', async () => {
+  const output = await compiler({
+    source: `<style module>.red { color: red; } .strong { font-weight: bold; }</style><span class="btn
+    red
+    strong
+    main
+    ">btn</span>`,
+  }, {
+    localIdentName: '[local]-123',
+  });
+
+  expect(output).toBe(
+    `<style module>:global(.red-123) { color: red; } :global(.strong-123) { font-weight: bold; }</style><span class="btn
+    red-123
+    strong-123
+    main
+    ">btn</span>`
+  );
+});
+