fix tests

src/components/SearchInput.tsx

@@ -205,7 +205,7 @@ function SearchInput(props: SearchInputProps) {
 	}, [persist]);
 
 	return (
-		<form {...restProps} onSubmit={handleSubmit}>
+		<form {...restProps} onSubmit={handleSubmit} data-test="search-input">
 			<FormGroup row css={formGroupStyle}>
 				<NetworkSelect
 					css={networkSelectStyle}

src/hooks/usePreloadRuntimeMetadata.ts

@@ -7,6 +7,10 @@ export function usePreloadRuntimeMetadata() {
 	const [progress, setProgress] = useState<number>(localStorage.getItem("runtime-metadata-preloaded") ? 100 : 0);
 
 	useEffect(() => {
+		if (localStorage.getItem("skip-runtime-metadata-preload")) {
+			return;
+		}
+
 		Promise.allSettled(getNetworks().map(async (it) => {
 			try {
 				const specVersion = await getLatestRuntimeSpecVersion(it.name);

src/screens/home.tsx

@@ -213,7 +213,7 @@ export const HomePage = () => {
 						persist
 					/>
 				</div>
-				<div css={networksStyle}>
+				<div css={networksStyle} data-test="networks">
 					{networkGroups.map((group) =>
 						<Card css={networksGroupStyle} key={group.relayChainNetwork?.name || "other"}>
 							<div css={newtorkGroupTitleStyle}>

test/e2e/home.spec.ts

@@ -5,6 +5,12 @@ test.describe("home page", () => {
 	test("shows home page", async ({ page, takeScreenshot }) => {
 		await navigate(page, "/", {waitUntil: "load"});
 
+		const $searchInput = page.getByTestId("search-input");
+		const $networks = page.getByTestId("networks");
+
+		await expect($searchInput).toBeVisible();
+		await expect($networks).toBeVisible();
+
 		await takeScreenshot("home");
 	});
 });

test/utils/navigate.ts

@@ -13,6 +13,10 @@ const customEvents = ["data-loaded", "chart-finished"];
 export async function navigate(page: Page, url: string, options: GotoOptions = {}) {
 	let customEvent: string|undefined = undefined;
 
+	await page.goto(url, {waitUntil: "commit"});
+	await page.evaluate(() => localStorage.setItem("skip-runtime-metadata-preload", "true"));
+	await page.evaluate(() => localStorage.setItem("runtime-metadata-preloaded", "true"));
+
 	if (options.waitUntil && customEvents.includes(options.waitUntil)) {
 		customEvent = options.waitUntil;
 		options.waitUntil = "domcontentloaded";