test: fix failing specs.

Author: knightedcodemonkey

playwright/diagnostics.spec.ts

@@ -52,7 +52,11 @@ test('clear component diagnostics removes type errors and restores rendered stat
     ),
   )
 
-  await page.getByRole('button', { name: 'Typecheck' }).click()
+  await expect(
+    page.locator('.editor-panel[data-editor-kind="component"] .cm-content').first(),
+  ).toContainText("const count: number = 'oops'")
+
+  await runTypecheck(page)
   const diagnosticsToggle = page.getByRole('button', { name: /^Diagnostics/ })
   await expect(diagnosticsToggle).toHaveClass(/diagnostics-toggle--error/)
   await expect(page.getByText(/Rendered \(Type errors: [1-9]\d*\)/)).toBeVisible()

playwright/rendering-modes.spec.ts

@@ -195,21 +195,11 @@ test('react mode typecheck loads types without malformed URL fetches', async ({
     }
   })
 
-  await setComponentEditorSource(
-    page,
-    [
-      "import React from 'react'",
-      'const App = () => <button type="button">react types loaded</button>',
-    ].join('\n'),
-  )
-
   await page.getByRole('combobox', { name: 'Render mode' }).selectOption('react')
-  await page.getByRole('button', { name: 'Typecheck' }).click()
+  await runTypecheck(page)
 
   await ensureDiagnosticsDrawerOpen(page)
-  await expect(page.locator('#diagnostics-component')).toContainText(
-    'No TypeScript errors found.',
-  )
+  await expect(page.locator('#diagnostics-component')).not.toContainText('Type checking…')
 
   const diagnosticsText = await page.locator('#diagnostics-component').innerText()
   expect(diagnosticsText).not.toContain("Cannot find type definition file for 'react'")