vue3-yuanma/packages/vue/examples/__tests__/markdown.spec.ts

52 lines
1.3 KiB
TypeScript

import path from 'path'
import {
setupPuppeteer,
expectByPolling,
E2E_TIMEOUT
} from '../../__tests__/e2eUtils'
describe('e2e: markdown', () => {
const { page, isVisible, value, html } = setupPuppeteer()
async function testMarkdown(apiType: 'classic' | 'composition') {
const baseUrl = `file://${path.resolve(
__dirname,
`../${apiType}/markdown.html#test`
)}`
await page().goto(baseUrl)
expect(await isVisible('#editor')).toBe(true)
expect(await value('textarea')).toBe('# hello')
expect(await html('#editor div')).toBe('<h1 id="hello">hello</h1>\n')
await page().type('textarea', '\n## foo\n\n- bar\n- baz')
// assert the output is not updated yet because of debounce
// debounce has become unstable on CI so this assertion is disabled
// expect(await html('#editor div')).toBe('<h1 id="hello">hello</h1>\n')
await expectByPolling(
() => html('#editor div'),
'<h1 id="hello">hello</h1>\n' +
'<h2 id="foo">foo</h2>\n' +
'<ul>\n<li>bar</li>\n<li>baz</li>\n</ul>\n'
)
}
test(
'classic',
async () => {
await testMarkdown('classic')
},
E2E_TIMEOUT
)
test(
'composition',
async () => {
await testMarkdown('composition')
},
E2E_TIMEOUT
)
})