Jest Puppeteer Demo

The Jest Puppeteer demo shows how to use Jest for integration testing a web application that uses yFiles for HTML.

To start the demo and run the integration tests:

1. Go to the demo's directory demos-js/testing/jest-puppeteer.
2. Run npm install.
3. Run the integration tests: npm run test:integration.
4. Run the integration tests in watch mode: npm run test:integrationWithWatch.

The integration tests check yFiles functionality by simulating node, edge and port creation gestures and verifying that the graph instance actually contains the newly created graph items.

The tests run in a puppeteer environment instead of the default jsdom environment, because yFiles for HTML needs a common, standards-compliant browser environment, which jsdom does not provide (in particular, jsdom lacks a complete SVG DOM implementation).

With puppeteer, the tests can run in a full Chrome headless environment instead.

The application under test is the Simple Testable App. To access yFiles via Jest / Puppeteer, the GraphComponent is set as a global variable in that application.