chore(e2e): formatting and lint fixes

AlemTuzlak · AlemTuzlak · commit c2bcace4d5e2 · 2026-06-22T19:05:07.000+02:00
diff --git a/e2e/apps/angular/playwright.config.ts b/e2e/apps/angular/playwright.config.ts
@@ -10,7 +10,17 @@ export default defineConfig({
     baseURL: 'http://localhost:4180',
     trace: 'on-first-retry',
   },
-  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'], launchOptions: { args: ['--enable-features=DocumentPictureInPictureAPI'] } } }],
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        launchOptions: {
+          args: ['--enable-features=DocumentPictureInPictureAPI'],
+        },
+      },
+    },
+  ],
   webServer: {
     command: 'pnpm run dev',
     url: 'http://localhost:4180',
diff --git a/e2e/apps/angular/src/app/app.config.ts b/e2e/apps/angular/src/app/app.config.ts
@@ -1,4 +1,7 @@
-import { ApplicationConfig, provideBrowserGlobalErrorListeners } from '@angular/core'
+import {
+  ApplicationConfig,
+  provideBrowserGlobalErrorListeners,
+} from '@angular/core'
 
 export const appConfig: ApplicationConfig = {
   providers: [provideBrowserGlobalErrorListeners()],
diff --git a/e2e/apps/angular/src/app/devtools/demo-panel.ts b/e2e/apps/angular/src/app/devtools/demo-panel.ts
@@ -2,9 +2,7 @@ import { ChangeDetectionStrategy, Component, input } from '@angular/core'
 
 @Component({
   selector: `demo-panel`,
-  template: `
-    <div data-testid="demo-plugin">demo plugin content</div>
-  `,
+  template: ` <div data-testid="demo-plugin">demo plugin content</div> `,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export default class DemoPanel {
diff --git a/e2e/apps/preact/playwright.config.ts b/e2e/apps/preact/playwright.config.ts
@@ -10,7 +10,17 @@ export default defineConfig({
     baseURL: 'http://localhost:4179',
     trace: 'on-first-retry',
   },
-  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'], launchOptions: { args: ['--enable-features=DocumentPictureInPictureAPI'] } } }],
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        launchOptions: {
+          args: ['--enable-features=DocumentPictureInPictureAPI'],
+        },
+      },
+    },
+  ],
   webServer: {
     command: 'pnpm run dev',
     url: 'http://localhost:4179',
diff --git a/e2e/apps/preact/src/index.tsx b/e2e/apps/preact/src/index.tsx
@@ -9,7 +9,9 @@ function App() {
         plugins={[
           {
             name: 'Demo',
-            render: () => <div data-testid="demo-plugin">demo plugin content</div>,
+            render: () => (
+              <div data-testid="demo-plugin">demo plugin content</div>
+            ),
           },
         ]}
       />
diff --git a/e2e/apps/react-cloudflare/playwright.config.ts b/e2e/apps/react-cloudflare/playwright.config.ts
@@ -10,7 +10,17 @@ export default defineConfig({
     baseURL: 'http://localhost:4175',
     trace: 'on-first-retry',
   },
-  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'], launchOptions: { args: ['--enable-features=DocumentPictureInPictureAPI'] } } }],
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        launchOptions: {
+          args: ['--enable-features=DocumentPictureInPictureAPI'],
+        },
+      },
+    },
+  ],
   webServer: {
     command: 'pnpm run dev',
     url: 'http://localhost:4175',
diff --git a/e2e/apps/react-cloudflare/tests/cloudflare.spec.ts b/e2e/apps/react-cloudflare/tests/cloudflare.spec.ts
@@ -1,7 +1,9 @@
 import { test, expect } from '@playwright/test'
 import { DevtoolsPage, SELECTORS } from '@tanstack/devtools-e2e'
 
-test('cloudflare: devtools mount under SSR and demo plugin renders', async ({ page }) => {
+test('cloudflare: devtools mount under SSR and demo plugin renders', async ({
+  page,
+}) => {
   const dt = new DevtoolsPage(page)
   await dt.goto()
   await dt.openViaTrigger()
diff --git a/e2e/apps/react-nitro/playwright.config.ts b/e2e/apps/react-nitro/playwright.config.ts
@@ -10,7 +10,17 @@ export default defineConfig({
     baseURL: 'http://localhost:4176',
     trace: 'on-first-retry',
   },
-  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'], launchOptions: { args: ['--enable-features=DocumentPictureInPictureAPI'] } } }],
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        launchOptions: {
+          args: ['--enable-features=DocumentPictureInPictureAPI'],
+        },
+      },
+    },
+  ],
   webServer: {
     command: 'pnpm run dev',
     url: 'http://localhost:4176',
diff --git a/e2e/apps/react-nitro/tests/nitro.spec.ts b/e2e/apps/react-nitro/tests/nitro.spec.ts
@@ -1,7 +1,9 @@
 import { test, expect } from '@playwright/test'
 import { DevtoolsPage, SELECTORS } from '@tanstack/devtools-e2e'
 
-test('nitro devtools mount under SSR and demo plugin renders', async ({ page }) => {
+test('nitro devtools mount under SSR and demo plugin renders', async ({
+  page,
+}) => {
   const dt = new DevtoolsPage(page)
   await dt.goto()
   await dt.openViaTrigger()
diff --git a/e2e/apps/react-start/playwright.config.ts b/e2e/apps/react-start/playwright.config.ts
@@ -10,7 +10,17 @@ export default defineConfig({
     baseURL: 'http://localhost:4174',
     trace: 'on-first-retry',
   },
-  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'], launchOptions: { args: ['--enable-features=DocumentPictureInPictureAPI'] } } }],
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        launchOptions: {
+          args: ['--enable-features=DocumentPictureInPictureAPI'],
+        },
+      },
+    },
+  ],
   webServer: {
     command: 'pnpm run dev',
     url: 'http://localhost:4174',
diff --git a/e2e/apps/react-vite/playwright.config.ts b/e2e/apps/react-vite/playwright.config.ts
@@ -10,7 +10,17 @@ export default defineConfig({
     baseURL: 'http://localhost:4173',
     trace: 'on-first-retry',
   },
-  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'], launchOptions: { args: ['--enable-features=DocumentPictureInPictureAPI'] } } }],
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        launchOptions: {
+          args: ['--enable-features=DocumentPictureInPictureAPI'],
+        },
+      },
+    },
+  ],
   webServer: {
     command: 'pnpm run dev',
     url: 'http://localhost:4173',
diff --git a/e2e/apps/react-vite/src/main.tsx b/e2e/apps/react-vite/src/main.tsx
@@ -18,8 +18,17 @@ function App() {
           requireUrlFlag: new URLSearchParams(location.search).has('gated'),
         }}
         plugins={[
-          { id: 'demo', name: 'Demo', defaultOpen: true, render: <DemoPlugin /> },
-          { id: 'event-probe', name: 'Event Probe', render: <EventProbePanel /> },
+          {
+            id: 'demo',
+            name: 'Demo',
+            defaultOpen: true,
+            render: <DemoPlugin />,
+          },
+          {
+            id: 'event-probe',
+            name: 'Event Probe',
+            render: <EventProbePanel />,
+          },
         ]}
       />
     </>
diff --git a/e2e/apps/react-vite/tests/resize.spec.ts b/e2e/apps/react-vite/tests/resize.spec.ts
@@ -17,29 +17,34 @@ test('dragging the resize handle below the minimum height collapses the panel',
   // mousemove/mouseup) with an explicit downward `pageY`. This drives the real
   // `handleDragStart` collapse logic without being defeated by viewport
   // clamping.
-  await page.evaluate(([handleSel, panelSel]) => {
-    const handle = document.querySelector(handleSel) as HTMLElement
-    const box = handle.getBoundingClientRect()
-    const startX = box.x + box.width / 2
-    const startY = box.y + box.height / 2
-    const fire = (type: string, target: EventTarget, y: number) => {
-      target.dispatchEvent(
-        new MouseEvent(type, {
-          bubbles: true,
-          cancelable: true,
-          button: 0,
-          clientX: startX,
-          clientY: y,
-        }),
-      )
-    }
-    fire('mousedown', handle, startY)
-    // Drag downward well past the panel's height to fall below the 70px minimum.
-    for (let i = 1; i <= 10; i++) {
-      fire('mousemove', document, startY + (500 * i) / 10)
-    }
-    fire('mouseup', document, startY + 500)
-  }, [SELECTORS.resizeHandle, SELECTORS.mainPanel].map((id) => `[data-testid="${id}"]`) as [string, string])
+  await page.evaluate(
+    ([handleSel, panelSel]) => {
+      const handle = document.querySelector(handleSel) as HTMLElement
+      const box = handle.getBoundingClientRect()
+      const startX = box.x + box.width / 2
+      const startY = box.y + box.height / 2
+      const fire = (type: string, target: EventTarget, y: number) => {
+        target.dispatchEvent(
+          new MouseEvent(type, {
+            bubbles: true,
+            cancelable: true,
+            button: 0,
+            clientX: startX,
+            clientY: y,
+          }),
+        )
+      }
+      fire('mousedown', handle, startY)
+      // Drag downward well past the panel's height to fall below the 70px minimum.
+      for (let i = 1; i <= 10; i++) {
+        fire('mousemove', document, startY + (500 * i) / 10)
+      }
+      fire('mouseup', document, startY + 500)
+    },
+    [SELECTORS.resizeHandle, SELECTORS.mainPanel].map(
+      (id) => `[data-testid="${id}"]`,
+    ) as [string, string],
+  )
 
   await expect(dt.panel()).toHaveAttribute('data-open', 'false')
 })
diff --git a/e2e/apps/react-vite/tests/theme.spec.ts b/e2e/apps/react-vite/tests/theme.spec.ts
@@ -1,8 +1,13 @@
 import { test, expect } from '@playwright/test'
 import { DevtoolsPage } from '@tanstack/devtools-e2e'
 
-test('html element has data-tanstack-devtools-theme set to dark', async ({ page }) => {
+test('html element has data-tanstack-devtools-theme set to dark', async ({
+  page,
+}) => {
   const dt = new DevtoolsPage(page)
   await dt.goto()
-  await expect(page.locator('html')).toHaveAttribute('data-tanstack-devtools-theme', 'dark')
+  await expect(page.locator('html')).toHaveAttribute(
+    'data-tanstack-devtools-theme',
+    'dark',
+  )
 })
diff --git a/e2e/apps/solid/playwright.config.ts b/e2e/apps/solid/playwright.config.ts
@@ -10,7 +10,17 @@ export default defineConfig({
     baseURL: 'http://localhost:4177',
     trace: 'on-first-retry',
   },
-  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'], launchOptions: { args: ['--enable-features=DocumentPictureInPictureAPI'] } } }],
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        launchOptions: {
+          args: ['--enable-features=DocumentPictureInPictureAPI'],
+        },
+      },
+    },
+  ],
   webServer: {
     command: 'pnpm run dev',
     url: 'http://localhost:4177',
diff --git a/e2e/apps/solid/tests/solid.spec.ts b/e2e/apps/solid/tests/solid.spec.ts
@@ -1,7 +1,9 @@
 import { test, expect } from '@playwright/test'
 import { DevtoolsPage } from '@tanstack/devtools-e2e'
 
-test('devtools mount and demo plugin renders in the panel', async ({ page }) => {
+test('devtools mount and demo plugin renders in the panel', async ({
+  page,
+}) => {
   const dt = new DevtoolsPage(page)
   await dt.goto()
   await dt.openViaTrigger()
diff --git a/e2e/apps/vue/playwright.config.ts b/e2e/apps/vue/playwright.config.ts
@@ -10,7 +10,17 @@ export default defineConfig({
     baseURL: 'http://localhost:4178',
     trace: 'on-first-retry',
   },
-  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'], launchOptions: { args: ['--enable-features=DocumentPictureInPictureAPI'] } } }],
+  projects: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+        launchOptions: {
+          args: ['--enable-features=DocumentPictureInPictureAPI'],
+        },
+      },
+    },
+  ],
   webServer: {
     command: 'pnpm run dev',
     url: 'http://localhost:4178',
diff --git a/packages/devtools-vite/src/ast-utils.test.ts b/packages/devtools-vite/src/ast-utils.test.ts
@@ -77,15 +77,23 @@ describe('walk', () => {
     ])
 
     // Correct parent for each node
-    expect(visits[0].parent).toBeUndefined()
-    expect(visits[1].parent).toBe(root)
-    expect(visits[2].parent).toBe(childA)
-    expect(visits[3].parent).toBe(root)
+    expect(visits[0]!.parent).toBeUndefined()
+    expect(visits[1]!.parent).toBe(root)
+    expect(visits[2]!.parent).toBe(childA)
+    expect(visits[3]!.parent).toBe(root)
   })
 
   it('passes the provided parentNode through to the root visit', () => {
-    const fakeParent = { type: 'WalkExternalParent', start: 0, end: 1 } as unknown as Node
-    const root = { type: 'WalkRootWithParent', start: 1, end: 2 } as unknown as Node
+    const fakeParent = {
+      type: 'WalkExternalParent',
+      start: 0,
+      end: 1,
+    } as unknown as Node
+    const root = {
+      type: 'WalkRootWithParent',
+      start: 1,
+      end: 2,
+    } as unknown as Node
 
     const visits: Array<{ node: Node; parent: Node | undefined }> = []
     walk(
@@ -95,7 +103,7 @@ describe('walk', () => {
     )
 
     expect(visits).toHaveLength(1)
-    expect(visits[0].node).toBe(root)
-    expect(visits[0].parent).toBe(fakeParent)
+    expect(visits[0]!.node).toBe(root)
+    expect(visits[0]!.parent).toBe(fakeParent)
   })
 })
diff --git a/packages/devtools-vite/src/devtools-packages.test.ts b/packages/devtools-vite/src/devtools-packages.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest'
 import {
-  isTanStackDevtoolsImport,
   TANSTACK_DEVTOOLS_PACKAGES,
+  isTanStackDevtoolsImport,
 } from './devtools-packages'
 
 describe('TANSTACK_DEVTOOLS_PACKAGES', () => {
diff --git a/packages/devtools-vite/src/editor.test.ts b/packages/devtools-vite/src/editor.test.ts
diff --git a/packages/devtools/src/tabs/marketplace/plugin-card.test.tsx b/packages/devtools/src/tabs/marketplace/plugin-card.test.tsx
diff --git a/packages/devtools/src/tabs/seo-tab/serp-preview.test.tsx b/packages/devtools/src/tabs/seo-tab/serp-preview.test.tsx
diff --git a/packages/devtools/src/tabs/settings-tab.test.tsx b/packages/devtools/src/tabs/settings-tab.test.tsx
diff --git a/packages/devtools/src/utils/sanitize.test.ts b/packages/devtools/src/utils/sanitize.test.ts
diff --git a/packages/react-devtools/package.json b/packages/react-devtools/package.json
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
