Add tests for CSS Modules with React

Author: Kocal

fixtures/react-css-modules/components/App.jsx

@@ -0,0 +1,12 @@
+import './styles.css';
+import './styles.less';
+import './styles.scss';
+import './styles.stylus';
+import stylesCss from './styles.module.css?module';
+import stylesLess from './styles.module.less?module';
+import stylesScss from './styles.module.scss?module';
+import stylesStylus from './styles.module.stylus?module';
+
+export default function App() {
+    return <div className={`red large justified lowercase ${stylesCss.italic} ${stylesLess.underline} ${stylesScss.bold} ${stylesStylus.rtl}`}></div>
+}

fixtures/react-css-modules/components/styles.css

@@ -0,0 +1,3 @@
+.red {
+    color: red;
+}

fixtures/react-css-modules/components/styles.less

@@ -0,0 +1,3 @@
+  .justified {
+    text-align: justify;
+  }

fixtures/react-css-modules/components/styles.module.css

@@ -0,0 +1,3 @@
+.italic {
+    font-style: italic;
+}

fixtures/react-css-modules/components/styles.module.less

@@ -0,0 +1,3 @@
+  .underline {
+    text-decoration: underline;
+  }

fixtures/react-css-modules/components/styles.module.scss

@@ -0,0 +1,3 @@
+.bold {
+  font-weight: bold;
+}

fixtures/react-css-modules/components/styles.module.stylus

@@ -0,0 +1,2 @@
+  .rtl
+    direction: rtl;

fixtures/react-css-modules/components/styles.scss

@@ -0,0 +1,3 @@
+.large {
+  font-size: 50px;
+}

fixtures/react-css-modules/components/styles.stylus

@@ -0,0 +1,2 @@
+  .lowercase
+    text-transform: lowercase

fixtures/react-css-modules/main.js

@@ -0,0 +1,6 @@
+import {createRoot} from 'react-dom/client';
+import App from './components/App';
+
+const root = createRoot(document.getElementById('app'));
+
+root.render(<App />);