test: add e2e tests

fix: boolean attributes client side
2026-06-20 22:10:45 +03:00 · 2019-03-09 17:56:47 +01:00
parent a853ce3de7
commit 05b8891110
36 changed files with 1999 additions and 105 deletions
@@ -0,0 +1,79 @@
+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)
+  })
+})