65 lines
2.8 KiB
JavaScript
65 lines
2.8 KiB
JavaScript
const test = require('node:test')
|
|
const assert = require('node:assert/strict')
|
|
const fs = require('node:fs')
|
|
const path = require('node:path')
|
|
|
|
const root = path.resolve(__dirname, '../..')
|
|
const read = file => fs.readFileSync(path.join(root, file), 'utf8')
|
|
|
|
const app = read('assets/admin/src/App.vue')
|
|
const styles = read('assets/admin/src/style.css')
|
|
const field = read('assets/admin/src/components/form/AksField.vue')
|
|
const fieldGroup = read('assets/admin/src/components/form/AksFieldGroup.vue')
|
|
const formRenderer = read('assets/admin/src/components/form/AksFormRenderer.vue')
|
|
|
|
test('admin theme exposes the approved white, grey, and green tokens', () => {
|
|
const requiredTokens = {
|
|
'--aksrt-color-primary': '#18A058',
|
|
'--aksrt-color-primary-soft': '#EAF7EF',
|
|
'--aksrt-color-canvas': '#F5F7F6',
|
|
'--aksrt-color-surface': '#FFFFFF',
|
|
'--aksrt-color-text': '#1F2923',
|
|
'--aksrt-color-muted': '#6F7A72',
|
|
'--aksrt-color-border': '#E2E8E3',
|
|
}
|
|
|
|
for (const [token, value] of Object.entries(requiredTokens)) {
|
|
assert.match(styles, new RegExp(`${token}:\\s*${value}`, 'i'), `missing ${token}`)
|
|
}
|
|
})
|
|
|
|
test('app uses Naive UI overrides and the compact responsive shell', () => {
|
|
assert.match(app, /:theme-overrides="adminThemeOverrides"/)
|
|
assert.match(app, /const adminThemeOverrides = \{/)
|
|
assert.match(app, /:width="232"/)
|
|
assert.match(app, /const MOBILE_BREAKPOINT = 960/)
|
|
assert.match(app, /aksrt-logo__version/)
|
|
assert.doesNotMatch(app, /aksrt-csf-(?:shell|header|version)/)
|
|
})
|
|
|
|
test('rejected gradient banner and split-row form overrides do not return', () => {
|
|
const source = `${app}\n${styles}`
|
|
assert.doesNotMatch(source, /#f97794|#623aa2|#0991f5|#0997f5/i)
|
|
assert.doesNotMatch(source, /linear-gradient/i)
|
|
assert.doesNotMatch(styles, /\.aksrt-field\s*>\s*:not/)
|
|
assert.doesNotMatch(styles, /\.aksrt-field__label-row\s*\{[^}]*grid-column/s)
|
|
})
|
|
|
|
test('shared forms use card surfaces and design tokens', () => {
|
|
assert.match(fieldGroup, /border:\s*1px solid var\(--aksrt-color-border\)/)
|
|
assert.match(fieldGroup, /border-radius:\s*12px/)
|
|
assert.match(fieldGroup, /box-shadow:\s*var\(--aksrt-shadow-card\)/)
|
|
assert.match(field, /color:\s*var\(--aksrt-color-primary\)/)
|
|
assert.match(field, /background:\s*var\(--aksrt-color-primary-soft\)/)
|
|
assert.match(formRenderer, /background:\s*var\(--aksrt-color-surface\)/)
|
|
})
|
|
|
|
test('navigation, focus, responsive layout, and reduced motion are contracted', () => {
|
|
assert.match(styles, /\.n-menu-item-content--selected::after/)
|
|
assert.match(styles, /:focus-visible/)
|
|
assert.match(styles, /@media \(max-width:\s*960px\)/)
|
|
assert.match(styles, /@media \(max-width:\s*768px\)/)
|
|
assert.match(styles, /@media \(max-width:\s*480px\)/)
|
|
assert.match(styles, /@media \(prefers-reduced-motion:\s*reduce\)/)
|
|
})
|