mirror of
https://github.com/vuejs/vue-cli.git
synced 2026-05-05 19:39:11 -05:00
Evan You
82 lines
2.3 KiB
JavaScript
82 lines
2.3 KiB
JavaScript
jest.setTimeout(40000)
|
|
|
|
const fs = require('fs-extra')
|
|
const path = require('path')
|
|
const portfinder = require('portfinder')
|
|
const { createServer } = require('http-server')
|
|
const execa = require('execa')
|
|
const serve = require('@vue/cli-test-utils/serveWithPuppeteer')
|
|
const launchPuppeteer = require('@vue/cli-test-utils/launchPuppeteer')
|
|
|
|
const cwd = path.resolve(__dirname, 'temp')
|
|
const binPath = require.resolve('@vue/cli/bin/vue')
|
|
const sleep = n => new Promise(resolve => setTimeout(resolve, n))
|
|
const write = (file, content) => fs.writeFile(path.join(cwd, file), content)
|
|
|
|
const entryVue = fs.readFileSync(path.resolve(__dirname, 'entry.vue'), 'utf-8')
|
|
|
|
const entryJs = `
|
|
import Vue from 'vue'
|
|
import App from './Other.vue'
|
|
|
|
new Vue({ render: h => h(App) }).$mount('#app')
|
|
`.trim()
|
|
|
|
beforeAll(async () => {
|
|
await fs.ensureDir(cwd)
|
|
await write('App.vue', entryVue)
|
|
await write('Other.vue', entryVue)
|
|
await write('foo.js', entryJs)
|
|
})
|
|
|
|
test('global serve', async () => {
|
|
await serve(
|
|
() => execa(binPath, ['serve'], { cwd }),
|
|
async ({ nextUpdate, helpers }) => {
|
|
expect(await helpers.getText('h1')).toMatch('hi')
|
|
write('App.vue', entryVue.replace(`{{ msg }}`, 'Updated'))
|
|
await nextUpdate() // wait for child stdout update signal
|
|
await sleep(1000) // give the client time to update
|
|
expect(await helpers.getText('h1')).toMatch(`Updated`)
|
|
}
|
|
)
|
|
})
|
|
|
|
let server, browser, page
|
|
test('global build', async () => {
|
|
const { stdout } = await execa(binPath, ['build', 'foo.js'], { cwd })
|
|
|
|
expect(stdout).toMatch('Build complete.')
|
|
|
|
const distDir = path.join(cwd, 'dist')
|
|
const hasFile = file => fs.existsSync(path.join(distDir, file))
|
|
expect(hasFile('index.html')).toBe(true)
|
|
expect(hasFile('js')).toBe(true)
|
|
expect(hasFile('css')).toBe(true)
|
|
|
|
const port = await portfinder.getPortPromise()
|
|
server = createServer({ root: distDir })
|
|
|
|
await new Promise((resolve, reject) => {
|
|
server.listen(port, err => {
|
|
if (err) return reject(err)
|
|
resolve()
|
|
})
|
|
})
|
|
|
|
const launched = await launchPuppeteer(`http://localhost:${port}/`)
|
|
browser = launched.browser
|
|
page = launched.page
|
|
|
|
const h1Text = await page.evaluate(() => {
|
|
return document.querySelector('h1').textContent
|
|
})
|
|
|
|
expect(h1Text).toMatch('hi')
|
|
})
|
|
|
|
afterAll(async () => {
|
|
await browser.close()
|
|
server.close()
|
|
})
|