minor #1343 Add tests for CSS Modules with React and Preact (Kocal)

This PR was squashed before being merged into the main branch.

Discussion
----------

Add tests for CSS Modules with React and Preact

| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | no <!-- please update CHANGELOG.md file -->
| Deprecations? | no <!-- please update CHANGELOG.md file -->
| Issues        | Fix #... <!-- prefix each issue number with "Fix #", no need to create an issue if none exists, explain below instead -->
| License       | MIT

<!--
Replace this notice by a description of your feature/bugfix.
This will help reviewers and should be a good start for the documentation.

Additionally (see https://symfony.com/releases):
 - Always add tests and ensure they pass.
 - Features and deprecations must be submitted against the latest branch.
 - For new features, provide some code snippets to help understand usage.
 - Changelog entry should follow https://symfony.com/doc/current/contributing/code/conventions.html#writing-a-changelog-entry
 - Never break backward compatibility.
-->

Quick PR to add functional tests about using CSS Modules with React and Preact, to see it it also break CSS Modules with them in #1319.

Commits
-------

c22943b Add tests for CSS Modules with React
dbd5e5d Add tests for CSS Modules with Preact

Author: Kocal

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

@@ -0,0 +1,13 @@
+import { h } from 'preact';
+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/preact-css-modules/components/styles.css

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

fixtures/preact-css-modules/main.js

@@ -0,0 +1,5 @@
+import { h, render } from 'preact';
+
+import App from './components/App';
+
+render(<App />, document.getElementById('app'));