test: change class regex not to include ant

hasadna · Nov 16, 2023 · 1a2b33e · 1a2b33e
1 parent 5a225b7
commit 1a2b33e
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 151 deletions.
diff --git a/src/layout/sidebar/SideBar.tsx b/src/layout/sidebar/SideBar.tsx
@@ -3,6 +3,7 @@ import './sidebar.scss'
 import { Drawer, Layout } from 'antd'
 import { useContext, useState } from 'react'
 import { LayoutContextInterface, LayoutCtx } from '../LayoutContext'
+import GitHubLink from './GitHubLink/GitHubLink'
 
 const { Sider } = Layout
 
@@ -26,7 +27,11 @@ export default function SideBar() {
         open={drawerOpen}
         className="hideOnDesktop"
         bodyStyle={{ padding: '0' }}>
+        <Logo />
+        <div className="sidebar-divider"></div>
         <Menu />
+        <div className="sidebar-divider"></div>
+        <GitHubLink />
       </Drawer>
       <Sider
         theme="light"
@@ -37,7 +42,10 @@ export default function SideBar() {
         onCollapse={(value: boolean) => setCollapsed(value)}
         className="hideOnMobile">
         {collapsed ? <CollapsedLogo /> : <Logo />}
+        <div className="sidebar-divider"></div>
         <Menu />
+        <div className="sidebar-divider"></div>
+        <GitHubLink />
       </Sider>
     </>
   )

diff --git a/src/layout/sidebar/sidebar.scss b/src/layout/sidebar/sidebar.scss
@@ -58,4 +58,15 @@
   border-bottom: 8px solid gray;
   padding-bottom: 0;
   line-height: 25px;
+}
+
+.sidebar-section {
+  display: flex;
+  flex-direction: column;
+}
+
+.sidebar-divider {
+  height: 1px;
+  background-color: #ccc; 
+  margin: 8px 0; 
 }
diff --git a/src/pages/components/header/sidebar/SideBar.tsx b/src/pages/components/header/sidebar/SideBar.tsx
diff --git a/src/pages/components/header/sidebar/sidebar.scss b/src/pages/components/header/sidebar/sidebar.scss
diff --git a/tests/about.spec.ts b/tests/about.spec.ts
@@ -5,7 +5,7 @@ test.describe('About Page Tests', () => {
     await page.getByText('אודות').click()
     await expect(page).toHaveURL('http://localhost:3000/about')
     const locator = await page.locator('li:has-text("אודות")')
-    await expect(locator).toHaveClass(/ant-menu-item-selected/)
+    await expect(locator).toHaveClass(/menu-item-selected/)
   })
   test('page display title `מהו אתר “דאטאבוס”?`', async ({ page }) => {
     await page.goto('/about')