Merge pull request #6 from ryoppippi/feat/add-camelcase-test

feat/add camelcase test

Author: ryoppippi

tests/compiler.ts

@@ -4,17 +4,20 @@ import { cssModules } from '../src';
 type Params = {
 	source: string;
 	preprocessOptions: Parameters<typeof preprocess>[2];
+	cssmodulesOptions?: Parameters<typeof cssModules>[0];
 };
 
 export async function compiler({
 	source,
 	preprocessOptions,
+	cssmodulesOptions,
 }: Params) {
 	const { code } = await preprocess(
 		source,
 		[cssModules({
 			moduleNameingPattern: '[local]_[name]-css-module-test',
 			includeOriginalPath: false,
+			...cssmodulesOptions,
 		})],
 		preprocessOptions,
 	);

tests/non-camelcase/Input.svelte

@@ -0,0 +1,8 @@
+<script>
+	import s from '../assets/style.module.css';
+</script>
+
+<div class={s['success-message']}>
+	hello
+</div>
+

tests/non-camelcase/Output.svelte

@@ -0,0 +1,28 @@
+<script>
+	const s = {
+  error: "error_style-module-css-module-test",
+  "success-message": "success-message_style-module-css-module-test"
+};
+</script>
+
+<div class={s['success-message']}>
+	hello
+</div>
+
+
+<style>
+
+
+section {
+  padding: 10px;
+}
+
+.error_style-module-css-module-test {
+  color: red;
+}
+
+.success-message_style-module-css-module-test {
+  color: green;
+}
+
+</style>

tests/non-camelcase/non-camelcase.spec.ts

@@ -0,0 +1,22 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { expect, it } from 'vitest';
+import { compiler } from '../compiler';
+
+export function resolve(file: string) {
+	return path.resolve(__dirname, file);
+}
+
+it('non-camelcase', { retry: 5 }, async () => {
+	const filename = resolve('Input.svelte');
+
+	const source = await fs.readFile(filename, 'utf-8');
+
+	const code = await compiler({
+		source,
+		preprocessOptions: { filename },
+		cssmodulesOptions: { convertToCamelCase: false },
+	});
+
+	await expect(code).toMatchFileSnapshot('./Output.svelte');
+});