fix(workbench): stretch profile tag card
This commit is contained in:
16
web/tests/expense-profile-tag-pager.test.mjs
Normal file
16
web/tests/expense-profile-tag-pager.test.mjs
Normal file
@@ -0,0 +1,16 @@
|
||||
import assert from 'node:assert/strict'
|
||||
import { readFileSync } from 'node:fs'
|
||||
import test from 'node:test'
|
||||
import { fileURLToPath } from 'node:url'
|
||||
|
||||
const pager = readFileSync(
|
||||
fileURLToPath(new URL('../src/components/business/ExpenseProfileTagPager.vue', import.meta.url)),
|
||||
'utf8'
|
||||
)
|
||||
|
||||
test('profile tag pager stretches tag rows to the bottom of the card', () => {
|
||||
assert.match(pager, /\.profile-tag-pager\s*\{[\s\S]*height:\s*100%;/)
|
||||
assert.match(pager, /\.profile-tag-pager\s*\{[\s\S]*grid-template-rows:\s*minmax\(0,\s*1fr\) 26px;/)
|
||||
assert.match(pager, /\.profile-tag-list\s*\{[\s\S]*grid-template-rows:\s*repeat\(5,\s*minmax\(48px,\s*1fr\)\);/)
|
||||
assert.match(pager, /\.profile-tag-list\s*\{[\s\S]*align-content:\s*stretch;/)
|
||||
})
|
||||
Reference in New Issue
Block a user