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;/)
})
