diff --git a/package.json b/package.json
index b397448..ae28aec 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,8 @@
     "lint-css:check": "stylelint src/**/* --max-warnings=0",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
-    "test:e2e": "playwright test"
+    "test:e2e": "playwright test",
+    "test:e2e:update": "playwright test --update-snapshots"
   },
   "dependencies": {
     "@tanstack/react-query": "4.35.0",
diff --git a/src/components/page/Index/index.spec.ts b/src/components/page/Index/index.spec.ts
index 3a836a1..8d6fc67 100644
--- a/src/components/page/Index/index.spec.ts
+++ b/src/components/page/Index/index.spec.ts
@@ -69,9 +69,6 @@ test.describe("Index page", () => {
         },
         { highchartsSeriesSelector, initialCheckedNumber },
       );
-
-      const seriesList = await page.locator(highchartsSeriesSelector).all();
-      await expect(seriesList).toHaveLength(initialCheckedNumber);
     });
   });
 
@@ -190,4 +187,18 @@ test.describe("Index page", () => {
       expect(chartTitle).not.toBe(chartTitle2);
     });
   });
+
+  test.describe("visual regression", () => {
+    test("initial render", async ({ page }) => {
+      await page.waitForFunction(
+        ({ highchartsSeriesSelector, initialCheckedNumber }) => {
+          return document.querySelectorAll(highchartsSeriesSelector).length === initialCheckedNumber;
+        },
+        { highchartsSeriesSelector, initialCheckedNumber },
+      );
+
+      await page.waitForTimeout(1000);
+      expect(await page.screenshot({ fullPage: true })).toMatchSnapshot();
+    });
+  });
 });
diff --git a/src/components/page/Index/index.spec.ts-snapshots/Index-page-visual-regression-initial-render-1-Desktop-Chrome-darwin.png b/src/components/page/Index/index.spec.ts-snapshots/Index-page-visual-regression-initial-render-1-Desktop-Chrome-darwin.png
new file mode 100644
index 0000000..cafd844
Binary files /dev/null and b/src/components/page/Index/index.spec.ts-snapshots/Index-page-visual-regression-initial-render-1-Desktop-Chrome-darwin.png differ
diff --git a/src/components/page/Index/index.spec.ts-snapshots/Index-page-visual-regression-initial-render-1-Mobile-Chrome-darwin.png b/src/components/page/Index/index.spec.ts-snapshots/Index-page-visual-regression-initial-render-1-Mobile-Chrome-darwin.png
new file mode 100644
index 0000000..62a3fec
Binary files /dev/null and b/src/components/page/Index/index.spec.ts-snapshots/Index-page-visual-regression-initial-render-1-Mobile-Chrome-darwin.png differ
diff --git a/src/components/page/Index/index.spec.ts-snapshots/Index-page-visual-regression-initial-render-1-Mobile-Safari-darwin.png b/src/components/page/Index/index.spec.ts-snapshots/Index-page-visual-regression-initial-render-1-Mobile-Safari-darwin.png
new file mode 100644
index 0000000..5d4f544
Binary files /dev/null and b/src/components/page/Index/index.spec.ts-snapshots/Index-page-visual-regression-initial-render-1-Mobile-Safari-darwin.png differ