test: add small wait for inspector icon to become visible (#654)

* test: add small wait for inspector icon to become visible to avoid flakiness in tests

* fix: increase wait on CI

Author: dominikg

packages/e2e-tests/inspector-kit/__tests__/inspector.kit.spec.ts

@@ -1,12 +1,14 @@
-import { getEl, getText, isBuild, page } from '~utils';
+import { getEl, getText, isBuild, page, isCI } from '~utils';
 
 describe('inspector-kit', () => {
 	it('should render page', async () => {
 		expect(await getText('h1')).toBe('Hello Inspector!');
 	});
 	if (!isBuild) {
 		it('should show inspector toggle during dev', async () => {
-			await page.waitForLoadState('networkidle');
+			await page
+				.locator('#svelte-inspector-toggle')
+				.waitFor({ state: 'visible', timeout: isCI ? 2000 : 500 });
 			expect(await getEl('#svelte-inspector-toggle')).not.toBe(null);
 		});
 	} else {

packages/e2e-tests/inspector-vite/__tests__/inspector.vite.spec.ts

@@ -1,11 +1,14 @@
-import { getEl, getText, isBuild } from '~utils';
+import { getEl, getText, isBuild, page, isCI } from '~utils';
 
 describe('inspector-vite', () => {
 	it('should render page', async () => {
 		expect(await getText('h1')).toBe('Hello Inspector!');
 	});
 	if (!isBuild) {
 		it('should show inspector toggle during dev', async () => {
+			await page
+				.locator('#svelte-inspector-toggle')
+				.waitFor({ state: 'visible', timeout: isCI ? 2000 : 500 });
 			expect(await getEl('#svelte-inspector-toggle')).not.toBe(null);
 		});
 	} else {