99 lines
3.7 KiB
TypeScript
99 lines
3.7 KiB
TypeScript
import assert from 'node:assert/strict'
|
|
import { promises as fs } from 'node:fs'
|
|
import { resolve } from 'node:path'
|
|
import {
|
|
computeNotificationsPanelPosition
|
|
} from '../src/renderer/src/components/NotificationsPanel'
|
|
import {
|
|
computeProjectMenuPosition
|
|
} from '../src/renderer/src/projects/ProjectMenu'
|
|
|
|
async function main(): Promise<void> {
|
|
const notificationPosition = computeNotificationsPanelPosition(
|
|
{ left: 240, right: 272, top: 854, bottom: 886 },
|
|
{ width: 300, height: 380 },
|
|
{ width: 1336, height: 902 }
|
|
)
|
|
assert.deepEqual(notificationPosition, { left: 8, top: 466 })
|
|
|
|
const rightEdgePosition = computeNotificationsPanelPosition(
|
|
{ left: 1200, right: 1232, top: 600, bottom: 632 },
|
|
{ width: 300, height: 280 },
|
|
{ width: 1280, height: 720 }
|
|
)
|
|
assert.deepEqual(rightEdgePosition, { left: 932, top: 312 })
|
|
|
|
const shortViewportPosition = computeNotificationsPanelPosition(
|
|
{ left: 120, right: 152, top: 690, bottom: 720 },
|
|
{ width: 300, height: 380 },
|
|
{ width: 360, height: 720 }
|
|
)
|
|
assert.equal(shortViewportPosition.left, 8)
|
|
assert.equal(shortViewportPosition.top, 302)
|
|
|
|
const sourceProjectMenuPosition = computeProjectMenuPosition(
|
|
{ left: 100, right: 271, top: 266 },
|
|
{ width: 162, height: 64 },
|
|
{ width: 1336, height: 902 }
|
|
)
|
|
assert.deepEqual(sourceProjectMenuPosition, { left: 275, top: 258 })
|
|
|
|
const narrowProjectMenuPosition = computeProjectMenuPosition(
|
|
{ left: 20, right: 200, top: 80 },
|
|
{ width: 162, height: 64 },
|
|
{ width: 320, height: 240 }
|
|
)
|
|
assert.equal(narrowProjectMenuPosition.left, 4)
|
|
assert.equal(narrowProjectMenuPosition.top, 72)
|
|
|
|
const sidebar = await fs.readFile(
|
|
resolve('src/renderer/src/components/Sidebar.tsx'),
|
|
'utf8'
|
|
)
|
|
assert.match(sidebar, /onContextMenu=\{\(event\) => \{[\s\S]*?openTaskMenu\(session, event\.currentTarget, \{ left: event\.clientX, top: event\.clientY \}\)/)
|
|
assert.match(sidebar, /event\.key === 'ContextMenu' \|\| \(event\.shiftKey && event\.key === 'F10'\)/)
|
|
assert.match(sidebar, /aria-haspopup="dialog"/)
|
|
assert.match(sidebar, /<NotificationsPanel anchor=\{notifAnchor\}/)
|
|
|
|
const notifications = await fs.readFile(
|
|
resolve('src/renderer/src/components/NotificationsPanel.tsx'),
|
|
'utf8'
|
|
)
|
|
assert.match(notifications, /createPortal\(/)
|
|
assert.match(notifications, /role="dialog"/)
|
|
assert.match(notifications, /computeNotificationsPanelPosition/)
|
|
assert.match(notifications, /event\.key === 'Escape'/)
|
|
assert.match(notifications, /anchor\?\.trigger\.focus/)
|
|
|
|
const sidebarCss = await fs.readFile(
|
|
resolve('src/renderer/src/styles/sidebar.css'),
|
|
'utf8'
|
|
)
|
|
assert.match(sidebarCss, /\.notif-panel \{[\s\S]*?position: fixed;[\s\S]*?z-index: 10020;/)
|
|
assert.match(sidebarCss, /width: min\(300px, calc\(100vw - 16px\)\);/)
|
|
assert.match(sidebarCss, /max-height: min\(380px, calc\(100vh - 16px\)\);/)
|
|
assert.match(sidebarCss, /html\[data-theme='dark'\] \.notif-panel \{[\s\S]*?--yc-notif-bg: #242424;/)
|
|
|
|
const projectMenuCss = await fs.readFile(
|
|
resolve('src/renderer/src/projects/project-menu.css'),
|
|
'utf8'
|
|
)
|
|
assert.match(projectMenuCss, /--yc-project-menu-bg: #fff;/)
|
|
assert.match(projectMenuCss, /background: var\(--yc-project-menu-bg\);/)
|
|
assert.match(projectMenuCss, /html\[data-theme="dark"\] \.yc-project-more \{[\s\S]*?--yc-project-menu-bg: #242424;/)
|
|
|
|
const taskMenuQa = await fs.readFile(
|
|
resolve('scripts/verify-task-menu.cjs'),
|
|
'utf8'
|
|
)
|
|
assert.match(taskMenuQa, /context-menu-same-as-more/)
|
|
assert.match(taskMenuQa, /dispatchEvent\(new MouseEvent\('contextmenu'/)
|
|
|
|
console.log('sidebar-notification-menu-regression: ok')
|
|
}
|
|
|
|
main().catch((error) => {
|
|
console.error(error)
|
|
process.exitCode = 1
|
|
})
|