Merge pull request #29 from react18-tools/fix/28-snapshot

Fix/28 snapshot

Author: mayank1513

.changeset/config.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
   "changelog": "@changesets/cli/changelog",
-  "commit": false,
+  "commit": ["@changesets/cli/commit", { "skipCI": false }],
   "fixed": [],
   "linked": [],
   "access": "restricted",

lib/CHANGELOG.md

@@ -1,5 +1,11 @@
 # esbuild-plugin-react18
 
+## 0.2.5
+
+### Patch Changes
+
+- Do not build snap files.
+
 ## 0.2.4
 
 ### Patch Changes

lib/__tests__/dist.test.ts

@@ -23,4 +23,10 @@ describe.concurrent("Test plugin with default options in example build with tsup
     const text = fs.readFileSync(path.resolve(exampleBuildDir, "client", "index.js"), "utf-8");
     expect(/data-testid/.test(text)).toBe(false);
   });
+
+  test("should not contain .snap files", ({ expect }) => {
+    expect(fs.existsSync(path.resolve(exampleBuildDir, "client", "header", "__snapshots__"))).toBe(
+      false,
+    );
+  });
 });

lib/package.json

@@ -2,7 +2,7 @@
   "name": "esbuild-plugin-react18",
   "author": "Mayank Kumar Chaudhari <https://mayank-chaudhari.vercel.app>",
   "private": false,
-  "version": "0.2.4",
+  "version": "0.2.5",
   "description": "Unlock the Potential of React Server Components! Harness the power of an ESBuild plugin designed for crafting libraries compatible with RSC (React18 Server Components).",
   "license": "MPL-2.0",
   "main": "./dist/index.js",

lib/src/index.ts

@@ -5,7 +5,7 @@ import path from "node:path";
 const uuid = () => (Date.now() * Math.random()).toString(36).slice(0, 8);
 
 /** regExp */
-const testPathRegExp = /.*\.(test|spec|check)\.(j|t)s(x)?$/i;
+const testPathRegExp = /.*\.(test|spec|check)\.[jt]sx?|spec$/i;
 
 const name = "esbuild-plugin-react18-" + uuid();
 const ignoreNamespace = "mayank1513-ignore-" + uuid();
@@ -46,7 +46,7 @@ export interface React18PluginOptions {
    * to avoid any unexpected results.
    *
    * Caution! - if you have not enabled `keepTests`, we are already using
-   * `/.*\.(j|t)s(x)?$/` pattern to remove `
+   * `/.*\.[jt]sx?$/` pattern to remove `
 
 data-testid` attributes. If your
    * `sourceReplacePatterns` collide with these files, please set `keepTestIds`
@@ -76,7 +76,7 @@ function removeTests(build: PluginBuild, options: React18PluginOptions) {
     /** remove data-testid */
     if (!options.sourceReplacePatterns) options.sourceReplacePatterns = [];
     options.sourceReplacePatterns.push({
-      pathPattern: /.*\.(j|t)s(x)?$/,
+      pathPattern: /.*\.[jt]sx?$/,
       replaceParams: [{ pattern: /\s*data-testid="[^"]*"/gm, substitute: " " }],
     });
   }

packages/shared/src/client/header/__snapshots__/header.test.tsx.snap

@@ -0,0 +1,54 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`header > snapshot 1`] = `
+<div>
+  <header
+    class="_header_66b73e"
+  >
+    <div>
+      <button
+        class="_drawerBtn_457bb3 mb "
+      >
+        <div />
+        <div />
+        <div />
+      </button>
+      <a
+        class="_logo_f9173e"
+        href="/"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        <span>
+          esbuild-plugin-react18
+        </span>
+      </a>
+      <nav
+        class=""
+      >
+        <a
+          class="_author_66b73e"
+          href="https://mayank-chaudhari.vercel.app/"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          By Mayank Chaudhari
+        </a>
+        <button
+          class="_themeswitch_66b73e"
+        >
+          <button
+            class="nth-s nth-system "
+            style="--s: 25px;"
+          />
+          <span
+            class="mb"
+          >
+            system
+          </span>
+        </button>
+      </nav>
+    </div>
+  </header>
+</div>
+`;

packages/shared/src/client/header/header.test.tsx

@@ -8,4 +8,8 @@ describe.concurrent("header", () => {
   test("check if h1 heading exists", () => {
     render(<Header />);
   });
+  test("snapshot", ({ expect }) => {
+    const { container } = render(<Header />);
+    expect(container).toMatchSnapshot();
+  });
 });