33 lines
1.4 KiB
TypeScript
33 lines
1.4 KiB
TypeScript
import { readFileSync } from 'node:fs'
|
|
import { dirname, resolve } from 'node:path'
|
|
import { fileURLToPath } from 'node:url'
|
|
|
|
import { describe, expect, it } from 'vitest'
|
|
|
|
const componentPath = resolve(dirname(fileURLToPath(import.meta.url)), '../AppSidebar.vue')
|
|
const componentSource = readFileSync(componentPath, 'utf8')
|
|
const stylePath = resolve(dirname(fileURLToPath(import.meta.url)), '../../../style.css')
|
|
const styleSource = readFileSync(stylePath, 'utf8')
|
|
|
|
describe('AppSidebar custom SVG styles', () => {
|
|
it('does not override uploaded SVG fill or stroke colors', () => {
|
|
expect(componentSource).toContain('.sidebar-svg-icon {')
|
|
expect(componentSource).toContain('color: currentColor;')
|
|
expect(componentSource).toContain('display: block;')
|
|
expect(componentSource).not.toContain('stroke: currentColor;')
|
|
expect(componentSource).not.toContain('fill: none;')
|
|
})
|
|
})
|
|
|
|
describe('AppSidebar header styles', () => {
|
|
it('does not clip the version badge dropdown', () => {
|
|
const sidebarHeaderBlockMatch = styleSource.match(/\.sidebar-header\s*\{[\s\S]*?\n {2}\}/)
|
|
const sidebarBrandBlockMatch = componentSource.match(/\.sidebar-brand\s*\{[\s\S]*?\n\}/)
|
|
|
|
expect(sidebarHeaderBlockMatch).not.toBeNull()
|
|
expect(sidebarBrandBlockMatch).not.toBeNull()
|
|
expect(sidebarHeaderBlockMatch?.[0]).not.toContain('@apply overflow-hidden;')
|
|
expect(sidebarBrandBlockMatch?.[0]).not.toContain('overflow: hidden;')
|
|
})
|
|
})
|