Add test: 20mb size item

Author: aaronshaf

packages/idb-cache-app/tests/test-1.spec.ts

@@ -1,4 +1,4 @@
-import { test, expect } from "@playwright/test";
+import { test } from "@playwright/test";
 
 test("basics", async ({ page }) => {
   await page.goto("http://localhost:3000/#size=32");

packages/idb-cache-app/tests/test-4.spec.ts

@@ -0,0 +1,29 @@
+import { test, expect } from "@playwright/test";
+
+test("20mb size item", async ({ page }) => {
+  await page.goto("http://localhost:3000/#size=32");
+  await page.getByLabel("Size of data (KB): *").click();
+  await page.getByLabel("Size of data (KB): *").click();
+  await page.getByLabel("Size of data (KB): *").click();
+  await page.getByLabel("Size of data (KB): *").fill("3");
+  await page.goto("http://localhost:3000/#size=3");
+  await page.getByLabel("Size of data (KB): *").fill("");
+  await page.goto("http://localhost:3000/#size=NaN");
+  await page.getByLabel("Size of data (KB): *").fill("2");
+  await page.goto("http://localhost:3000/#size=2");
+  await page.getByLabel("Size of data (KB): *").fill("20");
+  await page.goto("http://localhost:3000/#size=20");
+  await page.getByLabel("Size of data (KB): *").fill("204");
+  await page.goto("http://localhost:3000/#size=204");
+  await page.getByLabel("Size of data (KB): *").fill("2048");
+  await page.goto("http://localhost:3000/#size=2048");
+  await page.getByLabel("Size of data (KB): *").fill("20480");
+  await page.goto("http://localhost:3000/#size=20480");
+  await page.getByTestId("clear-button").click();
+  await page.getByTestId("set-item-button").click();
+  await expect(page.getByText("6u81xr")).toBeVisible();
+  await page.getByTestId("get-item-button").click();
+  await expect(page.getByTestId("hash2").getByText("6u81xr")).toBeVisible();
+  await page.getByTestId("count-button").click();
+  await expect(page.getByText("839")).toBeVisible();
+});