Add playwright tests for Notifications Modal and Sidebar Toggle functionality

This commit is contained in:
Anoop M D
2025-08-30 20:24:52 +05:30
parent 1620c24557
commit e7c33f7eef
5 changed files with 65 additions and 4 deletions

View File

@@ -79,7 +79,7 @@ const Notifications = () => {
const modalCustomHeader = (
<div className="flex flex-row gap-8">
<div>NOTIFICATIONS</div>
<div className="bruno-modal-header-title">NOTIFICATIONS</div>
{unreadNotifications.length > 0 && (
<>
<div className="normal-case font-normal">

View File

@@ -42,7 +42,7 @@ const Wrapper = styled.div`
}
}
div.drag-sidebar {
div.sidebar-drag-handle {
display: flex;
align-items: center;
justify-content: center;

View File

@@ -77,7 +77,7 @@ const Sidebar = () => {
return (
<StyledWrapper className="flex relative h-full">
<aside style={{ width: currentWidth, transition: dragging ? 'none' : 'width 0.2s ease-in-out' }}>
<aside className="sidebar" style={{ width: currentWidth, transition: dragging ? 'none' : 'width 0.2s ease-in-out' }}>
<div className="flex flex-row h-full w-full">
<div className="flex flex-col w-full" style={{ width: asideWidth }}>
<div className="flex flex-col flex-grow">
@@ -89,7 +89,7 @@ const Sidebar = () => {
</aside>
{!sidebarCollapsed && (
<div className="absolute drag-sidebar h-full" onMouseDown={handleDragbarMouseDown}>
<div className="absolute sidebar-drag-handle h-full" onMouseDown={handleDragbarMouseDown}>
<div className="drag-request-border" />
</div>
)}