perf(y-indexeddb): improve boost and loading time (#1879)

tests/parallels/local-first-setting-page.spec.ts

@@ -1,9 +1,12 @@
+import { resolve } from 'node:path';
+
 import { expect } from '@playwright/test';
 
 import { openHomePage } from '../libs/load-page';
 import { waitMarkdownImported } from '../libs/page-logic';
 import { test } from '../libs/playwright';
 import { clickSideBarSettingButton } from '../libs/sidebar';
+import { testResultDir } from '../libs/utils';
 
 test.describe('Local first setting page', () => {
   test('Should highlight the setting page menu when selected', async ({
@@ -14,13 +17,20 @@ test.describe('Local first setting page', () => {
     const element = await page.getByTestId(
       'slider-bar-workspace-setting-button'
     );
-    const prevColor = await element.evaluate(
-      element => window.getComputedStyle(element).color
-    );
+    const prev = await element.screenshot({
+      path: resolve(
+        testResultDir,
+        'slider-bar-workspace-setting-button-prev.png'
+      ),
+    });
     await clickSideBarSettingButton(page);
-    const currentColor = await element.evaluate(
-      element => window.getComputedStyle(element).color
-    );
-    expect(prevColor).not.toBe(currentColor);
+    await page.waitForTimeout(50);
+    const after = await element.screenshot({
+      path: resolve(
+        testResultDir,
+        'slider-bar-workspace-setting-button-after.png'
+      ),
+    });
+    expect(prev).not.toEqual(after);
   });
 });