100% coverage

Author: dgca

packages/onchainkit/plugins/__tests__/babel-prefix-react-classnames.test.ts

@@ -50,6 +50,15 @@ describe('babel-prefix-react-classnames', () => {
     expect(result).toContain('className: `prefix-foo ${dynamic} prefix-bar`');
   });
 
+  it('should handle continuous class names in template literals with expressions', () => {
+    const code =
+      '<div className={`foo${isLarge ? "-large" : ""}-bar prefix-blah ${active && "active"}`}>Hello</div>';
+    const result = transform(code);
+    expect(result).toContain(
+      'className: `prefix-foo${isLarge ? "-large" : ""}-bar prefix-blah ${active && "active"}`',
+    );
+  });
+
   it('should handle identifiers by using the helper function', () => {
     const code = '<div className={classes}>Hello</div>';
     const result = transform(code);
@@ -76,6 +85,26 @@ describe('babel-prefix-react-classnames', () => {
     expect(result).toContain('"prefix-bar"');
   });
 
+  it('should ensure helper function is only added once', () => {
+    const code = `
+      <div>
+        <div className={styles.container}>First</div>
+        <span className={otherStyles.text}>Second</span>
+        <button className={btnStyles.button}>Third</button>
+      </div>
+    `;
+    const result = transform(code);
+
+    // Helper function should be defined only once
+    const helperMatches = result.match(/function __prefixClassNames\(value\)/g);
+    expect(helperMatches).toHaveLength(1);
+
+    // All three elements should use the helper
+    expect(result).toContain('className: __prefixClassNames(styles.container)');
+    expect(result).toContain('className: __prefixClassNames(otherStyles.text)');
+    expect(result).toContain('className: __prefixClassNames(btnStyles.button)');
+  });
+
   it('should handle cn utility function calls with variables', () => {
     const code = '<div className={cn(classes, "bar")}>Hello</div>';
     const result = transform(code);

packages/onchainkit/plugins/__tests__/postcss-prefix-classnames.test.ts

@@ -1,5 +1,5 @@
 import postcss from 'postcss';
-import { describe, it, expect } from 'vitest';
+import { describe, it, expect, vi } from 'vitest';
 import postcssPrefixClassnames from '../postcss-prefix-classnames';
 
 // Helper function to process CSS through the plugin
@@ -226,4 +226,23 @@ describe('postcss-prefix-classnames', () => {
     ]).process(input);
     expect(result.css).toBe('.prefix-foo { color: red; }');
   });
+
+  it('should handle unsupported matcher type gracefully', async () => {
+    // Mock console.warn to verify it's called when an invalid matcher is provided
+    const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
+
+    const input = '.foo { color: red; }';
+    const output = await run(input, {
+      prefix: 'prefix-',
+      // @ts-expect-error - Intentionally passing invalid type to test edge case
+      includeFiles: 42, // number is not a valid matcher type
+    });
+
+    // Since the matcher is invalid, it should return false in isMatch
+    // which means no files will be included, so no prefixing should happen
+    expect(output).toBe('.foo { color: red; }');
+
+    // Restore the spy
+    warnSpy.mockRestore();
+  });
 });