Pinocchio is an Electron powered GUI for Puppeteer test generation with Mocha and Chai. It allows users to identify selectors for tests and preview code in the provided code editor. Once the tests have been created, an exportation of the test suites into the user's application is only a button click away.
For developers who are interested in using Google's powerful Puppeteer Node library specifically for testing purposes, they may have to initially spend some time parsing through the plethora of functionalities Puppeteer provides in order to identify which methods are most relevant to their testing goals.
Pinocchio minimizes Puppeteer onboarding labor and isolates specific Puppeteer methods that are often used in testing in conjunction with Mocha and Chai. The result is a more seamless transition that allows users to dive right into these technologies, saving developers precious time and energy.
As a fresh beta product, Pinocchio was developed for the open source community with the tech accelerator OSLabs.
To get started,
- Download the app from our website.
(If you are on MacOS you will need to open the app in your Folder directory directly, since licensing is still in progress.)
- Install Puppeteer, Mocha, and Chai.
- Now, let's generate some tests!
- From the landing page, the user will be able to input their application's URL and upload their app code base.
- Upon upload, the user will be able to
- reference directories and files directly in the app itself using the file tree and code preview section powered by Monaco Editor and
- use the Pinocchio test generation GUI to generate test code without having to touch any code editor.
- Users have the option of generating one Describe block that wraps their test and are able to generate as many It statements as needed.
-
Each It statement will correspond with any of the Puppeteer actions that the user selects as well as one Assertion block.
-
When ready, simply click on "Export Test" in the navigation bar. That's it!
Javascript, React (Context, Hooks, Router, Toastify), Express, Webpack, Electron, Typescript, HTML/CSS/SASS, Monaco Editor, Node.js, Jest, Enzyme, Styled-Components
We encourage and appreciate any feedback, suggestions, and stars if you feel so inclined!
- Adam Joesten - @AdamJoesten | LinkedIn
- Brandi Richardson - @bjr2008| LinkedIn
- Giao ("Yao") Tran - @gd-tran| LinkedIn
- Harlan Evans - @harlanevans| LinkedIn
- Lex Choi - @lexiphur| LinkedIn
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent