mirror of
https://github.com/tenrok/vue-meta.git
synced 2026-05-27 21:04:05 +03:00
pimlie
80 lines
2.5 KiB
JavaScript
80 lines
2.5 KiB
JavaScript
import Browser from '../utils/browser'
|
|
import { buildFixture } from '../utils/build'
|
|
|
|
const browser = new Browser()
|
|
|
|
describe('basic browser with ssr page', () => {
|
|
let page = null
|
|
let url
|
|
let html
|
|
|
|
beforeAll(async () => {
|
|
const fixture = await buildFixture('basic')
|
|
url = fixture.url
|
|
html = fixture.html
|
|
|
|
await browser.start({
|
|
// slowMo: 50,
|
|
// headless: false
|
|
})
|
|
})
|
|
|
|
// Stop browser
|
|
afterAll(async () => {
|
|
if (page) await page.close()
|
|
await browser.close()
|
|
})
|
|
|
|
test('validate ssr', () => {
|
|
const htmlTag = html.match(/<html([^>]+)>/)[0]
|
|
expect(htmlTag).toContain('data-vue-meta-server-rendered')
|
|
expect(htmlTag).toContain(' lang="en" ')
|
|
expect(htmlTag).toContain(' amp ')
|
|
expect(htmlTag).not.toContain('allowfullscreen')
|
|
expect(html.match(/<title[^>]*>(.*?)<\/title>/)[1]).toBe('Home | Vue Meta Test')
|
|
expect(html.match(/<meta/g).length).toBe(2)
|
|
expect(html.match(/<meta/g).length).toBe(2)
|
|
|
|
const re = /<(no)?script[^>]+type="application\/ld\+json"[^>]*>(.*?)</g
|
|
const sanitizeCheck = []
|
|
let match
|
|
while ((match = re.exec(html))) {
|
|
sanitizeCheck.push(match[2])
|
|
}
|
|
|
|
expect(sanitizeCheck.length).toBe(3)
|
|
expect(() => JSON.parse(sanitizeCheck[0])).not.toThrow()
|
|
expect(() => JSON.parse(sanitizeCheck[1])).toThrow()
|
|
expect(() => JSON.parse(sanitizeCheck[2])).not.toThrow()
|
|
})
|
|
|
|
test('Open /', async () => {
|
|
page = await browser.page(url)
|
|
|
|
expect(await page.$attr('html', 'data-vue-meta-server-rendered')).toBe(null)
|
|
expect(await page.$attr('html', 'lang')).toBe('en')
|
|
expect(await page.$attr('html', 'amp')).toBe('')
|
|
expect(await page.$attr('html', 'allowfullscreen')).toBe(null)
|
|
expect(await page.$attr('head', 'test')).toBe('true')
|
|
expect(await page.$text('h1')).toBe('Basic')
|
|
expect(await page.$text('title')).toBe('Home | Vue Meta Test')
|
|
expect(await page.$$eval('meta', metas => metas.length)).toBe(2)
|
|
|
|
let sanitizeCheck = await page.$$text('script')
|
|
sanitizeCheck.push(...(await page.$$text('noscript')))
|
|
sanitizeCheck = sanitizeCheck.filter(v => !!v)
|
|
|
|
expect(sanitizeCheck.length).toBe(3)
|
|
expect(() => JSON.parse(sanitizeCheck[0])).not.toThrow()
|
|
expect(() => JSON.parse(sanitizeCheck[1])).not.toThrow()
|
|
expect(() => JSON.parse(sanitizeCheck[2])).not.toThrow()
|
|
})
|
|
|
|
test('/about', async () => {
|
|
const { hook } = await page.vueMeta.navigate('/about', false)
|
|
await hook
|
|
expect(await page.$text('title')).toBe('About')
|
|
expect(await page.$$eval('meta', metas => metas.length)).toBe(1)
|
|
})
|
|
})
|