All Projects β†’ Svish β†’ Cypress Hmr Restarter

Svish / Cypress Hmr Restarter

A Cypress plugin which restarts tests on webpack-dev-server HMR updates

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Cypress Hmr Restarter

Koa Webpack Middleware
webpack dev&hot middleware for koa2
Stars: ✭ 215 (+1094.44%)
Mutual labels:  webpack, hmr
Webpack Hot Server Middleware
πŸ”₯ Hot reload webpack bundles on the server
Stars: ✭ 319 (+1672.22%)
Mutual labels:  webpack, hmr
React Starter Kit
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
Stars: ✭ 229 (+1172.22%)
Mutual labels:  webpack, hmr
Kirby Webpack
πŸ’ͺ A Kirby CMS starter-kit with modern frontend tools
Stars: ✭ 150 (+733.33%)
Mutual labels:  webpack, hmr
React Study
渐进式学习Reactη”Ÿζ€εœˆ
Stars: ✭ 548 (+2944.44%)
Mutual labels:  webpack, hmr
Template Rwb
A full-featured Webpack setup with hot-reload
Stars: ✭ 165 (+816.67%)
Mutual labels:  webpack, hmr
React Dynamic Route Loading Es6
Auto chunking and dynamic loading of routes with React Router and Webpack 2
Stars: ✭ 297 (+1550%)
Mutual labels:  webpack, hmr
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (+544.44%)
Mutual labels:  webpack, hmr
Angularwebpackvisualstudio
Template for ASP.NET Core, Angular with Webpack and Visual Studio
Stars: ✭ 497 (+2661.11%)
Mutual labels:  webpack, hmr
Angular Hmr
πŸ”₯ Angular Hot Module Replacement for Hot Module Reloading
Stars: ✭ 490 (+2622.22%)
Mutual labels:  webpack, hmr
Create Elm App
πŸƒ Create Elm apps with zero configuration
Stars: ✭ 1,650 (+9066.67%)
Mutual labels:  webpack, hmr
Universal
Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
Stars: ✭ 669 (+3616.67%)
Mutual labels:  webpack, hmr
Bad Ass Salesforce Stack
B.A.S.S. Starter: react / redux / typescript / antd / ts-force / sfdx / webpack / salesforce
Stars: ✭ 126 (+600%)
Mutual labels:  webpack, hmr
React Hot Loader Loader
A Webpack Loader that automatically inserts react-hot-loader to your App πŸ‘¨β€πŸ”¬
Stars: ✭ 176 (+877.78%)
Mutual labels:  webpack, hmr
Todolist Frontend Vuejs
Front-end application for Todolist Web application built with Laravel and Vue.js
Stars: ✭ 120 (+566.67%)
Mutual labels:  webpack, hmr
Minimal React Starter
As minimal a react starter as you can get... while also using ES6/Babel and Webpack.
Stars: ✭ 246 (+1266.67%)
Mutual labels:  webpack, hmr
Meteor Webpack
https://medium.com/@ardatan/meteor-with-webpack-in-2018-faster-compilation-better-source-handling-benefit-from-bc5ccc5735ef
Stars: ✭ 116 (+544.44%)
Mutual labels:  webpack, hmr
Webpack Hot Client
webpack HMR Client
Stars: ✭ 116 (+544.44%)
Mutual labels:  webpack, hmr
Electron React Boilerplate
A Foundation for Scalable Cross-Platform Apps
Stars: ✭ 18,727 (+103938.89%)
Mutual labels:  webpack, hmr
React Webpack Typescript Starter
Minimal starter with hot module replacement (HMR) for rapid development.
Stars: ✭ 632 (+3411.11%)
Mutual labels:  webpack, hmr

cypress-hmr-restarter

A rudimentary Cypress plugin(?) for automatically restarting tests after Webpack Hot Module Replacement (HMR) updates.

npm version npm downloads

Setup

1. Install

npm install --save-dev cypress-hmr-restarter

2. Import

// E.g. in cypress/support/index.js

// For webpack HMR (used in e.g. create-react-app)
import 'cypress-hmr-restarter';

// For webpack-hot-middleware (used in e.g. gatsby)
import 'cypress-hmr-restarter/gatsby';

3. Make sure either baseUrl or hmrUrl is configured

// E.g. in cypress.json
{
  // Works with e.g. default create-react-app configuration
  "baseUrl": "http://localhost:3000"
}

Options

{
  // Overrides assuming URL via baseUrl
  "hmrUrl": "ws://localhost:3000/socks-node", // default import
  "hmrUrl": "http://localhost:3000/__webpack_hmr", // gatsby import

  // Overrides delay between event and restart (ms)
  "hmrRestartDelay": 1500
}

What it does

When using the Cypress Test Runner (cypress open), after the window has loaded, it will try to connect and listen for events. When an event signifying a change has happened, it will first try clicking the stop button, and then, after a short delay, it will click the restart button.

  • The default import connects to the webpack-dev-server websocket at either <hmrUrl> or ws://<baseUrl>/sockjs-node (wss: if https:), and listens for messages with the type invalid.

  • The gatsby import connects to the webpack-hot-middleware event source at either <hmrUrl> or <baseUrl>/__webpack_hmr, and listens for messages with the action built.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].