Apply hover scrollbars to project internals

apps/senlinai-acro-react/scripts/visual-check.mjs

@@ -32,8 +32,11 @@ const collectMetrics = async () => page.evaluate(() => {
   const rail = document.querySelector('.project-rail')
   const railChildren = rail?.querySelector('.arco-layout-sider-children')
   const sidebar = document.querySelector('.channel-sidebar')
+  const channelList = document.querySelector('.channel-list')
   const stage = document.querySelector('.stage')
   const inspector = document.querySelector('.inspector')
+  const inspectorTabsContent = document.querySelector('.inspector .arco-tabs-content')
+  const propertyList = document.querySelector('.property-list')
   const workspaceActions = [...document.querySelectorAll('.workspace-page .overview-head .arco-btn')]
     .map((button) => button.textContent?.trim())
   const dashboard = document.querySelector('.dashboard-button')
@@ -91,8 +94,11 @@ const collectMetrics = async () => page.evaluate(() => {
     projectRailOverflow: overflowState(rail),
     projectRailChildrenOverflow: overflowState(railChildren),
     channelSidebarOverflow: overflowState(sidebar),
+    channelListOverflow: overflowState(channelList),
     stageOverflow: overflowState(stage),
     inspectorOverflow: overflowState(inspector),
+    inspectorTabsContentOverflow: overflowState(inspectorTabsContent),
+    propertyListOverflow: overflowState(propertyList),
     overflowX: document.documentElement.scrollWidth > document.documentElement.clientWidth,
     viewportWidth: window.innerWidth,
   }
@@ -117,6 +123,15 @@ await page.locator('.stage').hover()
 const stageHoverMetrics = await collectMetrics()
 await page.locator('.inspector').hover()
 const inspectorHoverMetrics = await collectMetrics()
+await page.locator('.channel-list').hover()
+const channelListHoverMetrics = await collectMetrics()
+await page.locator('.inspector .arco-tabs-content').hover()
+const inspectorTabsContentHoverMetrics = await collectMetrics()
+await page.getByText('属性', { exact: true }).click()
+await page.waitForTimeout(200)
+const propertyMetrics = await collectMetrics()
+await page.locator('.property-list').hover()
+const propertyListHoverMetrics = await collectMetrics()
 
 await page.locator('.topbar-actions .arco-btn').first().click()
 await page.screenshot({ path: 'test-results/project-react-acro-dark.png', fullPage: true })
@@ -124,7 +139,18 @@ await page.screenshot({ path: 'test-results/project-react-acro-dark.png', fullPa
 await browser.close()
 await server.close()
 
-console.log(JSON.stringify({ workspaceMetrics, projectMetrics, channelSidebarHoverMetrics, stageHoverMetrics, inspectorHoverMetrics, errors }, null, 2))
+console.log(JSON.stringify({
+  workspaceMetrics,
+  projectMetrics,
+  channelSidebarHoverMetrics,
+  stageHoverMetrics,
+  inspectorHoverMetrics,
+  channelListHoverMetrics,
+  inspectorTabsContentHoverMetrics,
+  propertyMetrics,
+  propertyListHoverMetrics,
+  errors,
+}, null, 2))
 
 const failures = []
 const metrics = workspaceMetrics
@@ -226,8 +252,10 @@ if (!projectMetrics.projectRail || !projectMetrics.channelSidebar || !projectMet
 }
 for (const [name, overflow] of [
   ['channel sidebar', projectMetrics.channelSidebarOverflow],
+  ['channel list', projectMetrics.channelListOverflow],
   ['stage', projectMetrics.stageOverflow],
   ['inspector', projectMetrics.inspectorOverflow],
+  ['inspector tabs content', projectMetrics.inspectorTabsContentOverflow],
 ]) {
   if (!overflow || overflow.overflowX !== 'hidden' || overflow.overflowY !== 'auto') {
     failures.push(`expected ${name} to hide horizontal scrollbars and show vertical scrollbars only when needed, got ${JSON.stringify(overflow)}`)
@@ -238,13 +266,19 @@ for (const [name, overflow] of [
 }
 for (const [name, overflow] of [
   ['channel sidebar hover', channelSidebarHoverMetrics.channelSidebarOverflow],
+  ['channel list hover', channelListHoverMetrics.channelListOverflow],
   ['stage hover', stageHoverMetrics.stageOverflow],
   ['inspector hover', inspectorHoverMetrics.inspectorOverflow],
+  ['inspector tabs content hover', inspectorTabsContentHoverMetrics.inspectorTabsContentOverflow],
+  ['property list hover', propertyListHoverMetrics.propertyListOverflow],
 ]) {
   if (overflow?.scrollbarWidth !== 'thin') {
     failures.push(`expected ${name} scrollbar to appear on hover, got ${JSON.stringify(overflow)}`)
   }
 }
+if (propertyMetrics.propertyListOverflow?.scrollbarWidth !== 'none') {
+  failures.push(`expected property list scrollbar to be hidden until hover, got ${JSON.stringify(propertyMetrics.propertyListOverflow)}`)
+}
 
 if (failures.length) {
   throw new Error(failures.join('\n'))