Headless browser testing for tap with coverage reporting.
Cappadonna merges several tools together for integrated testing.
- tap: as the base test framework.
- puppeteer: for headless browser access (Chrome).
- browserify: for bundling.
- nyc/istanbul: for test coverage.
Example:
const path = require('path')
const cappadonna = require('cappadonna')
const test = cappadonna(path.join(__dirname, 'bundle-entry-point.js'))
test('basic test', async (page, t) => {
/* we get a new webpage object with our bundle loaded for every test */
t.plan(1)
let str = '<test-element>pass</test-element>'
/* append string to document.body and wait for the selector to succeed */
await page.appendAndWait(str, 'test-element')
/* execute the given function in the browser */
await page.evaluate(() => {
t.same('pass', document.querySelector('test-element').textContent)
})
})$ tap tests/test-*.js --coverage
When coverage is enabled all code, including what gets bundled and sent to the browser, will be instrumented and included in coverage.
The test function and t variable are part of tap and document here.
The page object is part of puppeteer and documented here.
Appends the htmlString to the page's body and waits for the selector to return true.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent