angular-puppeteer-demo - A demonstration repository explains how to using Puppeteer in unit testing

  •        729

😎 A demonstration repository explains how to replace from Karma to Puppeteer. 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).

https://github.com/Quramy/angular-puppeteer-demo

Dependencies:

@angular/animations : ^4.2.4
@angular/common : ^4.2.4
@angular/compiler : ^4.2.4
@angular/core : ^4.2.4
@angular/forms : ^4.2.4
@angular/http : ^4.2.4
@angular/platform-browser : ^4.2.4
@angular/platform-browser-dynamic : ^4.2.4
@angular/router : ^4.2.4
core-js : ^2.4.1
rxjs : ^5.4.2
zone.js : ^0.8.14

Tags
Implementation
License
Platform

   




Related Projects

jest-puppeteer - Run your tests using Jest & Puppeteer 🎪✨

  •    Javascript

Gold Sponsors are those who have pledged $100/month and more to jest-puppeteer. Writing integration test can be done using Puppeteer API but it can be complicated and hard because API is not designed for testing.

Puppeteer - Headless Chrome Node API

  •    Javascript

Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Puppeteer runs headless by default, but can be configured to run full (non-headless) Chrome or Chromium. Most things that you can do manually in the browser can be done using Puppeteer! For example you can generate screenshots and PDFs of pages, Crawl a SPA (Single-Page Application) and generate pre-rendered content, Automate form submission, UI testing, keyboard input, etc.

puppeteer-examples - Use case-driven examples for using Puppeteer and headless chrome

  •    Javascript

Examples for using Puppeteer to do big, bold things. Test lazy loading strategy by seeing CSS/JS code coverage usage across page load.

rendora - dynamic server-side rendering using headless Chrome to effortlessly solve the SEO problem for modern javascript websites

  •    Go

Rendora can be seen as a reverse HTTP proxy server sitting between your backend server (e.g. Node.js/Express.js, Python/Django, etc...) and potentially your frontend proxy server (e.g. nginx, traefik, apache, etc...) or even directly to the outside world that does actually nothing but transporting requests and responses as they are except when it detects whitelisted requests according to the config. In that case, Rendora instructs a headless Chrome instance to request and render the corresponding page and then return the server-side rendered page back to the client (i.e. the frontend proxy server or the outside world). This simple functionality makes Rendora a powerful dynamic renderer without actually changing anything in both frontend and backend code. Dynamic rendering means that the server provides server-side rendered HTML to web crawlers such as GoogleBot and BingBot and at the same time provides the typical initial HTML to normal users in order to be rendered at the client side. Dynamic rendering is meant to improve SEO for websites written in modern javascript frameworks like React, Vue, Angular, etc...


puppeteer-extra - 💯 Teach puppeteer new tricks through plugins.

  •    Javascript

For the main documentation, please head over to the puppeteer-extra package. In case you're interested in the available plugins, check out the packages folder.

chrome-headless-screenshots - Using headless Chrome as an automated screenshot tool (alternative to PhantomJS)

  •    Javascript

May 2018 The Chrome team has released Puppeteer, which makes much of the code in this repository obsolete. As such, this project is no longer maintained and issues have been disabled. Please check out Puppeteer. This repo contains an example implementation of using headless Chrome as an automated screenshot tool on linux, which is a common use case for PhantomJS. Contributions are welcome.

puphpeteer - A Puppeteer bridge for PHP, supporting the entire API.

  •    PHP

A Puppeteer bridge for PHP, supporting the entire API. Based on Rialto, a package to manage Node resources from PHP. This package requires PHP >= 7.1 and Node >= 8.

puphpeteer - A Puppeteer bridge for PHP, supporting the entire API.

  •    PHP

A Puppeteer bridge for PHP, supporting the entire API. Based on Rialto, a package to manage Node resources from PHP. This package requires PHP >= 7.3 and Node >= 8.

try-puppeteer - Run Puppeteer code in the cloud

  •    Javascript

Run Puppeteer scripts in the cloud. The backend is a Docker container which installs the latest Chrome package that works with Puppeteer on Linux.

awesome-puppeteer - A curated list of awesome puppeteer resources.

  •    

A curated list of awesome puppeteer resources for controlling headless Chrome (or Chromium) over the DevTools Protocol. Contributions welcome! Please read the contributing guideline first.

puppeteer-sharp - Headless Chrome .NET API

  •    CSharp

Puppeteer Sharp is a .NET port of the official Node.JS Puppeteer API. Some of the best ways to contribute are to try things out file bugs and fix issues.

pyppeteer - Headless chrome/chromium automation library (unofficial port of puppeteer)

  •    Python

Unofficial Python port of puppeteer JavaScript (headless) chrome/chromium browser automation library. Note: When you run pyppeteer first time, it downloads a recent version of Chromium (~100MB). If you don't prefer this behavior, run pyppeteer-install command before running scripts which uses pyppeteer.

puppeteer-sharp - Headless Chrome .NET API

  •    CSharp

Puppeteer Sharp is a .NET port of the official Node.JS Puppeteer API.

CodeceptJS - Supercharged End 2 End Testing Framework for NodeJS

  •    Javascript

CodeceptJS is a new testing framework for end-to-end testing with WebDriver (or others). It abstracts browser interaction to simple steps that are written from a user perspective. It is synchronous where you don't need to care about callbacks, or promises, test scenarios are linear. Run your tests via Playwright, WebDriver, Puppeteer, TestCafe, Protractor, Appium. The code is the same.

ngx-auth-firebaseui - Angular Material UI component for firebase authentication

  •    TypeScript

Angular UI component for firebase authentication. This library is an angular module (including angular components and services) that allows to authenticate your users with your firebase project. NgxAuthFirebseUI is compatible with angular material and angular flexLayout.

angular-kickstart - angular-kickstart - speed up your AngularJS development and testing with a great gulpjs build system

  •    Javascript

Speed up your AngularJS development with a complete and scalable gulpjs based build system that scaffolds the project for you. Just focus on your app, angular-kickstart will take care of the rest.angular-kickstart is an opinionated kickstart for single page application development with AngularJS. It makes your development and testing easy, keeps the structure of the project consistent and allows you to create a fully optimized production release with ease. After having developed a lot of AngularJS projects I decided to collect here what I've learnt.

daydream - A chrome extension to record your actions into a nightmare or puppeteer script

  •    Javascript

A chrome extension to record your actions into a Nightmare or Puppeteer script. You can download Daydream from the Chrome Web Store here.

headless-chrome-crawler - Distributed crawler powered by Headless Chrome

  •    Javascript

Crawlers based on simple requests to HTML files are generally fast. However, it sometimes ends up capturing empty bodies, especially when the websites are built on such modern frontend frameworks as AngularJS, React and Vue.js. Note: headless-chrome-crawler contains Puppeteer. During installation, it automatically downloads a recent version of Chromium. To skip the download, see Environment variables.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.