tombl.dev
a post-component library for building user-interfaces on the web.
test: style tests slightly
+13
-2
+13
-2
test/setup.ts
+13
-2
test/setup.ts
···
1
1
/// <reference types='vite/client' />
2
2
/// <reference types='@vitest/browser/matchers' />
3
3
4
+
import '../reset.css'
5
+
4
6
import { Root } from 'dhtml'
5
-
import { afterEach } from 'vitest'
7
+
import { afterEach, expect } from 'vitest'
6
8
7
9
const roots: Root[] = []
8
10
9
11
export function setup(initialHtml = '') {
12
+
const state = expect.getState()
13
+
const parentEl = document.createElement('div')
14
+
Object.assign(parentEl.style, {
15
+
border: '1px solid black',
16
+
padding: '0.5em',
17
+
margin: '0.5em',
18
+
})
19
+
parentEl.appendChild(document.createElement('small')).textContent = state.currentTestName ?? 'test'
20
+
10
21
const el = document.createElement('div')
11
22
el.innerHTML = initialHtml
12
-
document.body.appendChild(el)
23
+
document.body.appendChild(parentEl).appendChild(el)
13
24
14
25
const root = Root.appendInto(el)
15
26
roots.push(root)