Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat(ct): react explicit hooks config generic type

Browse source
This commit is contained in:
sand4rt 2024-06-06 19:22:00 +02:00
parent cd57031c19
commit a43d5d6f42
12 changed files with 32 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/playwright-ct-react/hooks.d.ts vendored
View file

@ -14,11 +14,9 @@
* limitations under the License.
*/
export interface RegisterHooksConfig {}
export declare function beforeMount<HooksConfig = RegisterHooksConfig>(
export declare function beforeMount<HooksConfig>(
callback: (params: { hooksConfig?: HooksConfig; App: () => JSX.Element }) => Promise<void | JSX.Element>
): void;
export declare function afterMount<HooksConfig = RegisterHooksConfig>(
export declare function afterMount<HooksConfig>(
callback: (params: { hooksConfig?: HooksConfig }) => Promise<void>
): void;

11
packages/playwright-ct-react/index.d.ts vendored
View file

@ -15,10 +15,9 @@
*/
import type { Locator } from 'playwright/test';
import type { TestType } from '@playwright/experimental-ct-core';
import type { RegisterHooksConfig } from './hooks';
import type { TestType as BaseTestType } from '@playwright/experimental-ct-core';
export interface MountOptions<HooksConfig extends RegisterHooksConfig> {
export interface MountOptions<HooksConfig> {
hooksConfig?: HooksConfig;
}
@ -27,12 +26,14 @@ export interface MountResult extends Locator {
update(component: JSX.Element): Promise<void>;
}
export const test: TestType<{
mount<HooksConfig extends RegisterHooksConfig = RegisterHooksConfig>(
export type TestType<TestHooksConfig = Record<string, any>> = BaseTestType<{
mount<HooksConfig extends TestHooksConfig>(
component: JSX.Element,
options?: MountOptions<HooksConfig>
): Promise<MountResult>;
}>;
export const test: TestType;
export { defineConfig, type PlaywrightTestConfig } from '@playwright/experimental-ct-core';
export { expect, devices } from 'playwright/test';

6
packages/playwright-ct-react17/hooks.d.ts vendored
View file

@ -14,11 +14,9 @@
* limitations under the License.
*/
export interface RegisterHooksConfig {}
export declare function beforeMount<HooksConfig = RegisterHooksConfig>(
export declare function beforeMount<HooksConfig>(
callback: (params: { hooksConfig?: HooksConfig; App: () => JSX.Element }) => Promise<void | JSX.Element>
): void;
export declare function afterMount<HooksConfig = RegisterHooksConfig>(
export declare function afterMount<HooksConfig>(
callback: (params: { hooksConfig?: HooksConfig }) => Promise<void>
): void;

11
packages/playwright-ct-react17/index.d.ts vendored
View file

@ -15,10 +15,9 @@
*/
import type { Locator } from 'playwright/test';
import type { TestType } from '@playwright/experimental-ct-core';
import type { RegisterHooksConfig } from './hooks';
import type { TestType as BaseTestType } from '@playwright/experimental-ct-core';
export interface MountOptions<HooksConfig extends RegisterHooksConfig> {
export interface MountOptions<HooksConfig> {
hooksConfig?: HooksConfig;
}
@ -27,12 +26,14 @@ export interface MountResult extends Locator {
update(component: JSX.Element): Promise<void>;
}
export const test: TestType<{
mount<HooksConfig extends RegisterHooksConfig = RegisterHooksConfig>(
export type TestType<TestHooksConfig = Record<string, any>> = BaseTestType<{
mount<HooksConfig extends TestHooksConfig>(
component: JSX.Element,
options?: MountOptions<HooksConfig>
): Promise<MountResult>;
}>;
export const test: TestType;
export { defineConfig, type PlaywrightTestConfig } from '@playwright/experimental-ct-core';
export { expect, devices } from 'playwright/test';

14
tests/components/ct-react-vite/playwright/index.tsx
View file

@ -1,20 +1,22 @@
import { test as baseTest, type TestType } from '@playwright/experimental-ct-react';
import { beforeMount, afterMount } from '@playwright/experimental-ct-react/hooks';
import { BrowserRouter } from 'react-router-dom';
import '../src/assets/index.css';
declare module '@playwright/experimental-ct-react/hooks' {
interface RegisterHooksConfig {
routing?: boolean;
}
type HooksConfig = {
routing?: boolean;
}
beforeMount(async ({ hooksConfig, App }) => {
export * from '@playwright/experimental-ct-react';
export const test = baseTest as TestType<HooksConfig>;
beforeMount<HooksConfig>(async ({ hooksConfig, App }) => {
console.log(`Before mount: ${JSON.stringify(hooksConfig)}`);
if (hooksConfig?.routing)
return <BrowserRouter><App /></BrowserRouter>;
});
afterMount(async () => {
afterMount<HooksConfig>(async () => {
console.log(`After mount`);
});

2
tests/components/ct-react-vite/tests/callbacks.spec.tsx
View file

@ -1,4 +1,4 @@
import { test, expect } from '@playwright/experimental-ct-react';
import { test, expect } from '../playwright';
import Button from '@/components/Button';
import DefaultChildren from '@/components/DefaultChildren';

2
tests/components/ct-react-vite/tests/children.spec.tsx
View file

@ -1,4 +1,4 @@
import { test, expect } from '@playwright/experimental-ct-react';
import { test, expect } from '../playwright';
import Button from '@/components/Button';
import CheckChildrenProp from '@/components/CheckChildrenProp';
import DefaultChildren from '@/components/DefaultChildren';

4
tests/components/ct-react-vite/tests/react-router.spec.tsx
View file

@ -1,4 +1,4 @@
import { test, expect } from '@playwright/experimental-ct-react';
import { test, expect } from '../playwright';
import App from '@/App';
test('navigate to a page by clicking a link', async ({ page, mount }) => {
@ -12,7 +12,7 @@ test('navigate to a page by clicking a link', async ({ page, mount }) => {
await expect(page).toHaveURL('/dashboard');
});
test('update should not reset mount hooks', async ({ page, mount }) => {
test('update should not reset mount hooks', async ({ mount }) => {
const component = await mount(<App title='before'/>, {
hooksConfig: { routing: true },
});

2
tests/components/ct-react-vite/tests/render.spec.tsx
View file

@ -1,4 +1,4 @@
import { test, expect } from '@playwright/experimental-ct-react';
import { test, expect } from '../playwright';
import Button from '@/components/Button';
import EmptyFragment from '@/components/EmptyFragment';
import { ComponentAsProp } from '@/components/ComponentAsProp';

2
tests/components/ct-react-vite/tests/route.spec.tsx
View file

@ -1,4 +1,4 @@
import { test, expect } from '@playwright/experimental-ct-react';
import { test, expect } from '../playwright';
import TitleWithFont from '@/components/TitleWithFont';
test('should load font without routes', async ({ mount, page }) => {

2
tests/components/ct-react-vite/tests/unmount.spec.tsx
View file

@ -1,4 +1,4 @@
import { test, expect } from '@playwright/experimental-ct-react';
import { test, expect } from '../playwright';
import Button from '@/components/Button';
import MultiRoot from '@/components/MultiRoot';

2
tests/components/ct-react-vite/tests/update.spec.tsx
View file

@ -1,4 +1,4 @@
import { test, expect } from '@playwright/experimental-ct-react';
import { test, expect } from '../playwright';
import Counter from '@/components/Counter';
import DefaultChildren from '@/components/DefaultChildren';