quramy / angular-puppeteer-demo

A demonstration repository explains how to using Puppeteer in unit testing

Angular Puppeteer Demo

😎 A demonstration repository explains how to replace from Karma to Puppeteer.

Running unit tests

Run npm test to execute the unit tests via Karma Puppeteer. And captures screenshot viewport after each spec. The captured images are here(by reg-suit).

How to replace test runner

In summary, I did:

1. Create a webpack-dev-middleware instance using angualr-cli's karma plugin.
2. Boot an Express server using thi middleware

• This app serves a custom context HTML file(test/context.html) while referring https://github.com/jasmine/jasmine#installation.

1. Expose Puppeteer's screenshot function and use it via afterEach.
2. Let the Puppeteer's page object go to the html file served by the Express app.

If you want more details, please see puppeteer-test.js.

angular-puppeteer-demo's Issues

Update to readme

Also worth to mention in the readme, that you should remember to install

npm install jasmine-spec-name-patch --save-dev

Not working in Angular 6+

Karma can no longer be executed outside angular, so I am getting this error:

Error: The '@angular-devkit/build-angular/plugins/karma' karma plugin is meant to be used from within Angular CLI and will not work correctly outside of it

after changing the location of Karma as required in newer versions of angular

Recommandations is to use a command like

ng test --karma-config karma.somestuff.conf.js

to run Karma, but I can't find any samples of how to do that from an express server like the one you have created for calling Karma