feat(sheet): styles on rows and columns (#3816)

Co-authored-by: GitHub Actions <[email protected]>

e2e/e2e.d.ts

@@ -6,6 +6,7 @@ export interface IE2EControllerAPI {
     loadDefaultDoc(loadTimeout?: number): Promise<void>;
     loadDemoSheet(loadTimeout?: number): Promise<void>;
     loadMergeCellSheet(loadTimeout?: number): Promise<void>;
+    loadDefaultStyleSheet(loadTimeout?: number): Promise<void>;
     disposeUniver(): Promise<void>;
     disposeCurrSheetUnit(disposeTimeout?: number): Promise<void>;
 }

e2e/visual-comparison/sheets/sheets-visual-comparison.spec.ts

@@ -166,3 +166,29 @@ test('diff merged cells rendering after scrolling', async () => {
     await page.waitForTimeout(2000);
     await browser.close();
 });
+
+/**
+ * Aim for default sheet style.
+ */
+test('diff sheet default style rendering', async () => {
+    const browser = await chromium.launch({
+        headless: !!isCI, // Set to false to see the browser window
+    });
+    const context = await browser.newContext({
+        viewport: { width: 1280, height: 1280 },
+        deviceScaleFactor: 2, // Set your desired DPR
+    });
+    const page = await context.newPage();
+    await page.goto('http://localhost:3000/sheets/');
+    await page.waitForTimeout(2000);
+
+    await page.evaluate(() => window.E2EControllerAPI.loadDefaultStyleSheet());
+    await page.waitForTimeout(2000);
+
+    const filename = generateSnapshotName('defaultstyle');
+    const screenshot = await page.locator(SHEET_MAIN_CANVAS_ID).screenshot();
+    await expect(screenshot).toMatchSnapshot(filename, { maxDiffPixels: 5 });
+
+    await page.waitForTimeout(2000);
+    await browser.close();
+});