[Feature] improve type safety hooksConfig

[sand4rt]

The idea comes from @tannerlinsley: https://youtu.be/DXbfDKoMzWY?t=1467.

// ./playwright/index.tsx
import { beforeMount } from '@playwright/experimental-ct-solid/hooks';

// Override HooksConfig so there is no need to specify it as a `mount<HooksConfig>` generic
declare module '@playwright/experimental-ct-solid/hooks' { 
  interface RegisterHooksConfig {
    route: string;
  }
}

beforeMount(async ({ hooksConfig }) => {
  hooksConfig.DOES_NOT_EXSISTS; // throws an error without specifying the generic
});

// App.test.tsx
import { expect, test } from "@playwright/experimental-ct-solid";
import { App } from "./app";

test('type check', async ({ mount }) => {
  const component = await mount(<App />, { 
    hooksConfig: { route: '' } // is typesafe without specifying the `mount<HooksConfig>` generic
  });

  await expect(component.getByText('label')).toBeVisible();
});

related: #18616

[tannerlinsley]

Booyah!

[segevfiner]

I have hit another issue. HooksConfig is defined to extends JsonObject in the signature of mount which prevents using it with other more restricted types:

Type 'HooksConfig' does not satisfy the constraint 'JsonObject'.
  Index signature for type 'string' is missing in type 'HooksConfig'.ts(2344)

[segevfiner]

OK this might be due to older Playwright version though. Couldn't upgrade yet due to #23505

[pavelfeldman]

Why was this issue closed?

Thank you for your involvement. This issue was closed due to limited engagement (upvotes/activity), lack of recent activity, and insufficient actionability. To maintain a manageable database, we prioritize issues based on these factors.

If you disagree with this closure, please open a new issue and reference this one. More support or clarity on its necessity may prompt a review. Your understanding and cooperation are appreciated.