test('renders single slot component', () => {
 render({template: `<slot />`})
 expect(document.body.innerHTML).toMatchInlineSnapshot(`<div></div>`)
})
// this is about to fail because wrapping <div> from previous test won't be removed.
test('renders multiple root nodes component', () => {
 render({template: `
 <h1>Hello World</h1>
 <h2>Hello World</h2>`
 })
 expect(document.body.innerHTML).toMatchInlineSnapshot(`
 <div>
 <h1>Hello World</h1>
 <h2>Hello World</h2>
 </div>
 `)
})
// this will fail because body will still have 2 `<div>` elements attached.
test('cleans up after each test by default', () => {
 expect(document.body.innerHTML).toMatchInlineSnapshot(``)
})