@apitree.cz/testing-library 0.1.0-next.05dd9cd

package/README.md

@@ -0,0 +1,45 @@
+<div align="center">
+
+<a href="https://github.com/ApiTreeCZ">
+<img alt="ApiTree s.r.o." src="https://www.apitree.cz/static/images/logo-header.svg" width="120" />
+</a>
+
+# Testing Library
+
+### [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/) setup for [Vitest](https://vitest.dev) in ApiTree projects.
+
+</div>
+
+## Installation
+
+```bash
+pnpm add --save-dev @apitree.cz/testing-library @apitree.cz/vitest-config vitest
+```
+
+## Usage
+
+1. Create `vitest.config.ts` in your project root:
+
+   ```typescript
+   export { config as default } from '@apitree.cz/vitest-config/react';
+   ```
+
+2. Create `tests/setup.ts`:
+
+   ```typescript
+   import '@apitree.cz/testing-library/setup';
+   ```
+
+3. Create test renderers in `tests/testing-library.ts`
+
+   ```typescript jsx
+   import { createRenderers } from '@apitree.cz/testing-library';
+   export * from '@apitree.cz/testing-library';
+   export const { render, renderHook } = createRenderers();
+   ```
+
+   > See [`CreateRenderersProps`](./src/testing-library.ts) for `createRenderers` props reference.
+
+4. Write your tests in `tests` directory and run them with `vitest --run` command.
+
+   > Use `tests/testing-library.ts` for importing Testing Library utilities.

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './testing-library.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from './testing-library.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/dist/setup.js

@@ -0,0 +1,5 @@
+import { cleanup } from '@testing-library/react';
+import { afterEach } from 'vitest';
+import '@testing-library/jest-dom/vitest';
+afterEach(() => cleanup());
+//# sourceMappingURL=setup.js.map

package/dist/setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,kCAAkC,CAAC;AAE1C,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC"}

package/dist/testing-library.d.ts

@@ -0,0 +1,12 @@
+import type { RenderHookOptions, RenderOptions } from '@testing-library/react';
+import type { ReactElement } from 'react';
+export interface CreateRenderersProps {
+    defaultWrapper?: RenderOptions['wrapper'] | undefined;
+}
+export declare const createRenderers: ({ defaultWrapper, }?: CreateRenderersProps) => {
+    render: (ui: ReactElement, options?: RenderOptions) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries.js"), HTMLElement, HTMLElement>;
+    renderHook: <Result, Props>(render: (initialProps: Props) => Result, options?: RenderHookOptions<Props, typeof import("@testing-library/dom/types/queries.js"), HTMLElement, HTMLElement> | undefined) => import("@testing-library/react").RenderHookResult<Result, Props>;
+};
+export { queries } from '@testing-library/dom';
+export * from '@testing-library/react';
+export * from '@testing-library/user-event';

package/dist/testing-library.js

@@ -0,0 +1,18 @@
+import { render, renderHook } from '@testing-library/react';
+export const createRenderers = ({ defaultWrapper = function defaultWrapper({ children }) {
+    return children;
+}, } = {}) => {
+    const customRender = (ui, options) => {
+        const { wrapper = defaultWrapper } = options ?? {};
+        return render(ui, { ...options, wrapper });
+    };
+    const customRenderHook = (render, options) => {
+        const { wrapper = defaultWrapper } = options ?? {};
+        return renderHook(render, { ...options, wrapper });
+    };
+    return { render: customRender, renderHook: customRenderHook };
+};
+export { queries } from '@testing-library/dom';
+export * from '@testing-library/react';
+export * from '@testing-library/user-event';
+//# sourceMappingURL=testing-library.js.map

package/dist/testing-library.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testing-library.js","sourceRoot":"","sources":["../src/testing-library.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAU5D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,cAAc,GAAG,SAAS,cAAc,CAAC,EAAE,QAAQ,EAAE;IACnD,OAAO,QAAQ,CAAC;AAClB,CAAC,MACuB,EAAE,EAAE,EAAE;IAC9B,MAAM,YAAY,GAAG,CAAC,EAAgB,EAAE,OAAuB,EAAE,EAAE;QACjE,MAAM,EAAE,OAAO,GAAG,cAAc,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;QACnD,OAAO,MAAM,CAAC,EAAE,EAAE,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC;IACF,MAAM,gBAAgB,GAAG,CACvB,MAAuC,EACvC,OAAkC,EAClC,EAAE;QACF,MAAM,EAAE,OAAO,GAAG,cAAc,EAAE,GAAG,OAAO,IAAI,EAAE,CAAC;QACnD,OAAO,UAAU,CAAC,MAAM,EAAE,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;IACrD,CAAC,CAAC;IACF,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC;AAChE,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@apitree.cz/testing-library",
+  "version": "0.1.0-next.05dd9cd",
+  "description": "React Testing Library setup for Vitest in ApiTree projects.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ApiTreeCZ/toolbox",
+    "directory": "packages/testing-library"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": "./dist/index.js",
+    "./setup": "./dist/setup.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@testing-library/dom": "^9.3.3",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.5.1",
+    "jsdom": "^22.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.33",
+    "@types/react-dom": "^18.2.14",
+    "@vitest/coverage-istanbul": "^0.34.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "vitest": "^0.34.6",
+    "@apitree.cz/vitest-config": "0.1.0-next.05dd9cd"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "vitest": "^0.34.6"
+  },
+  "scripts": {
+    "build": "tsc --build tsconfig.build.json",
+    "cleanup": "rimraf .eslintcache .turbo tsconfig.tsbuildinfo tsconfig.build.tsbuildinfo dist node_modules",
+    "fix": "run-p ts format:fix lint:fix",
+    "format": "prettier --check \"./**/*.{json,md}\"",
+    "format:fix": "pnpm run format --write",
+    "lint": "eslint --cache --ext cjs,ts,tsx .",
+    "lint:fix": "pnpm run lint --fix",
+    "qa": "run-p ts format lint",
+    "test": "vitest --run",
+    "test:coverage": "pnpm run test --coverage",
+    "ts": "tsc --build tsconfig.json"
+  }
+}