Add tests for the divider change

Author: Moon Kyong

special-pages/pages/history/integration-tests/history.page.js

@@ -601,6 +601,15 @@ export class HistoryTestPage {
         const rgb = `rgb(${[r, g, b].join(', ')})`;
         await expect(this.page.locator('[data-layout-mode="normal"]')).toHaveCSS('background-color', rgb, { timeout: 50 });
     }
+
+    async lastItemDividerHasColor({ rgb }) {
+        const lastItem = this.sidebar().locator('.Sidebar_item').last();
+        const borderTopColor = await lastItem.evaluate((el) => {
+            const before = window.getComputedStyle(el, '::before');
+            return before.borderTopColor;
+        });
+        expect(borderTopColor).toBe(rgb);
+    }
 }
 
 /**

special-pages/pages/history/integration-tests/history.spec.js

@@ -263,4 +263,20 @@ test.describe('history', () => {
             await hp.hasBackgroundColor({ hex: '#27282A' });
         });
     });
+
+    test.describe('last item divider default colors', () => {
+        test('divider color - light', async ({ page }, workerInfo) => {
+            const hp = HistoryTestPage.create(page, workerInfo).withEntries(5);
+            await hp.openPage({});
+            // rgba(0, 0, 0, 0.06) is --color-black-at-6 var value
+            await hp.lastItemDividerHasColor({ rgb: 'rgba(0, 0, 0, 0.06)' });
+        });
+        test('divider color - dark', async ({ page }, workerInfo) => {
+            const hp = HistoryTestPage.create(page, workerInfo).withEntries(5);
+            await hp.openPage({});
+            await hp.darkMode();
+            // rgba(255, 255, 255, 0.06) is --color-white-at-6 var value
+            await hp.lastItemDividerHasColor({ rgb: 'rgba(255, 255, 255, 0.06)' });
+        });
+    });
 });