chore: remove data-testid attributes on build (#2762)

Author: sergiocarracedo

packages/react/package.json

@@ -156,6 +156,7 @@
     "prettier-plugin-tailwindcss": "^0.6.10",
     "react-syntax-highlighter": "^15.6.1",
     "remark-gfm": "^4.0.1",
+    "rollup-plugin-jsx-remove-attributes": "^3.1.1",
     "size-limit": "^11.2.0",
     "storybook": "^9.1.3",
     "storybook-addon-tag-badges": "^2.0.2",

packages/react/vite.config.ts

@@ -4,6 +4,7 @@ import { consola } from "consola"
 import dotenv from "dotenv"
 import { spawnSync } from "node:child_process"
 import path, { resolve } from "path"
+import removeTestIdAttribute from "rollup-plugin-jsx-remove-attributes"
 import { defineConfig, Plugin } from "vite"
 import dts from "vite-plugin-dts"
 import { libInjectCss } from "vite-plugin-lib-inject-css"
@@ -77,7 +78,19 @@ const alias = {
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), libInjectCss(), ...extraPlugins],
+  plugins: [
+    react(),
+    libInjectCss(),
+    removeTestIdAttribute({
+      include: [/\.[tj]sx$/],
+      exclude: ["**/node_modules/**"],
+      attributes: ["data-testid"],
+      environments: ["production"],
+      debug: false,
+      usage: "vite",
+    }),
+    ...extraPlugins,
+  ],
   resolve: {
     alias: {
       ...alias,