test: migrate chromatic tests (#1745)

* carry over tests

* browse datasets tests

* download dialog tests

* fix not defined error

* fix chromatic imports

* fix unexpected test.beforeEach()

* file format param

* fix select copy button

* metadata drawer e2e test

* pagination e2e test

* single dataset filters e2e tests

* single run e2e test

* single run filters e2e test

* wait for table load after selecting / deselecting

* more chromatic imports

* fix snapshot for carry over tests

* fix type error

* remove commented out code

* re-add styles.boolenWrapped

* update title

* address feedback

* update e2e empiar id value

* fix ground truth filter

* fix skeleton loader

* add snapshot delay for metadata drawer

Author: codemonkey800

frontend/packages/data-portal/_templates/e2e/new/pageObject.cjs.t

@@ -1,7 +1,7 @@
 ---
 to: e2e/pageObjects/<%= name %>/<%= name %>Page.ts
 ---
-import { expect } from '@playwright/test'
+import { expect } from '@chromatic-com/playwright'
 import { BasePage } from 'e2e/pageObjects/basePage'
 
 export class <%= h.changeCase.pascal(name) %>Page extends BasePage {

frontend/packages/data-portal/_templates/e2e/new/testFile.cjs.t

@@ -2,7 +2,7 @@
 to: e2e/<%= name %>.test.ts
 ---
 import { ApolloClient, NormalizedCacheObject } from '@apollo/client'
-import { test } from '@playwright/test'
+import { test } from '@chromatic-com/playwright'
 import { <%= h.changeCase.pascal(name) %>Page } from 'e2e/pageObjects/<%= name %>/<%= name %>Page'
 
 test.describe('<%= name %>', () => {

frontend/packages/data-portal/app/graphql/getDatasetsV2.server.ts

@@ -73,13 +73,13 @@ export async function getDatasetsV2({
   page,
   titleOrderDirection,
   searchText,
-  params,
+  params = new URLSearchParams(),
   client,
 }: {
   page: number
   titleOrderDirection?: OrderBy
   searchText?: string
-  params: URLSearchParams
+  params?: URLSearchParams
   client: ApolloClient<NormalizedCacheObject>
 }): Promise<ApolloQueryResult<GetDatasetsV2Query>> {
   return client.query({

frontend/packages/data-portal/app/graphql/getRunByIdV2.server.ts

@@ -555,15 +555,15 @@ export interface GetRunByIdV2Params {
   client: ApolloClient<NormalizedCacheObject>
   id: number
   annotationsPage: number
-  params: URLSearchParams
+  params?: URLSearchParams
   depositionId?: number
 }
 
 export async function getRunByIdV2({
   client,
   id,
   annotationsPage,
-  params,
+  params = new URLSearchParams(),
   depositionId,
 }: GetRunByIdV2Params): Promise<ApolloQueryResult<GetRunByIdV2Query>> {
   return client.query({