mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-05 20:58:22 +08:00
71 lines
1.9 KiB
TypeScript
71 lines
1.9 KiB
TypeScript
import path from 'path'
|
|
import { createApp } from 'vue'
|
|
import { renderToString } from '@vue/server-renderer'
|
|
import { afterAll, beforeAll, describe, expect, it } from 'vitest'
|
|
import puppeteer from 'puppeteer'
|
|
import glob from 'fast-glob'
|
|
import ElementPlus, { ID_INJECTION_KEY } from '../dist/element-plus'
|
|
|
|
import type { Browser } from 'puppeteer'
|
|
|
|
const projectRoot = process.cwd()
|
|
const testRoot = path.resolve(projectRoot, 'ssr-testing')
|
|
const demoRoot = path.resolve(testRoot, 'cases')
|
|
describe('Cypress Button', () => {
|
|
let browser: Browser
|
|
beforeAll(async () => {
|
|
browser = await puppeteer.launch()
|
|
})
|
|
|
|
afterAll(() => {
|
|
browser.close()
|
|
})
|
|
|
|
describe('when initialized', () => {
|
|
const demoPaths = glob
|
|
.sync(`${demoRoot}/*.vue`)
|
|
.map((demo) => demo.slice(demoRoot.length + 1))
|
|
|
|
it.each(demoPaths)(`render %s correctly`, async (demoPath) => {
|
|
const page = await browser.newPage()
|
|
await page.goto(`file://${projectRoot}/ssr-testing/index.html`)
|
|
await page.addStyleTag({
|
|
path: path.join(
|
|
projectRoot,
|
|
'dist',
|
|
'element-plus',
|
|
'dist',
|
|
'index.css'
|
|
),
|
|
})
|
|
|
|
const { default: Demo } = await import(path.join(demoRoot, demoPath))
|
|
const app = createApp(<Demo />)
|
|
.use(ElementPlus)
|
|
.provide(ID_INJECTION_KEY, {
|
|
prefix: 100,
|
|
current: 0,
|
|
})
|
|
|
|
const html = await renderToString(app)
|
|
|
|
await page.evaluate((innerHTML) => {
|
|
document.querySelector('#root')!.innerHTML = innerHTML
|
|
}, html)
|
|
|
|
// SSR testing don't need screenshots.
|
|
// const screenshotPath = demoPath
|
|
// .split('/')
|
|
// .join('-')
|
|
// .replace(/\.vue$/, '.png')
|
|
// await page.screenshot({
|
|
// path: path.join(testRoot, 'screenshots', screenshotPath),
|
|
// fullPage: true,
|
|
// })
|
|
|
|
await page.close()
|
|
expect(true).toBe(true)
|
|
})
|
|
})
|
|
})
|