cypress-io/cypress-example-recipes

Various recipes for testing common scenarios with Cypress

Recipes

This repo contains various recipes for testing common scenarios using Cypress: Fundamentals, Testing the DOM, Logging in, Preprocessors, Blogs, Stubbing and spying, Unit Testing, Server Communication, Other Cypress Recipes, Community Recipes

Fundamentals

Recipe	Description
Node Modules	Import your own node modules
Environment variables	Passing environment variables to tests
Handling errors	Handling thrown errors and unhandled promise rejections
Dynamic tests	Create tests dynamically from JSON data
Dynamic tests from CSV	Create tests dynamically from CSV file
Dynamic tests from API	Create tests dynamically by calling an external API
Fixtures	Loading single or multiple fixtures
Adding Custom Commands	Write your own custom commands using JavaScript with correct types for IntelliSense to work
Adding Custom Commands (TS)	Write your own custom commands using TypeScript
Adding Chai Assertions	Add new or custom chai assertions with correct types
Cypress module API	Run Cypress via its module API
Wrapping Cypress module API	Writing a wrapper around "cypress run" command line parsing
Custom browsers	Control which browsers the project can use, or even add a custom browser into the list
Use Chrome Remote Interface	Use Chrome debugger protocol to trigger hover state and print media style
Out-of-the-box TypeScript	Write tests in TypeScript without setting up preprocessors
Per-test timeout	Fail a test if it runs longer than the specified time limit
Cypress events	Using Cypress.on and cy.on to listen to Cypress events like before:window:load
Video resolution	Increase the browser window size to record high quality videos and capture detailed screenshots

Testing the DOM

Recipe	Description
Tab Handling and Links	Links that open in a new tab
Hover and Hidden Elements	Test hidden elements requiring hover
Form Interactions	Test form elements like input type range
Drag and Drop	Use .trigger() to test drag and drop
Shadow DOM	You need to use any of available custom commands
Waiting for static resource	Shows how to wait for CSS, image, or any other static resource to load
CSV load and table test	Loads CSV file and quickly compares objects against cells in a table
Evaluate performance metrics	Utilize Cypress to monitor a website
Root style	Trigger input color change that modifies CSS variable
Select widgets	Working with <select> elements and Select2 widgets
Lit Elements	Testing Lit Elements with Shadow DOM
File download	Download and validate CSV, Excel, text, Zip, and image files
Page reloads	Avoiding while loop when dealing with randomness
Pagination	Clicking the "Next" link until we reach the last page
Clipboard	Copy and paste text into the clipboard from the test
Page source	Get the source of the page under test
Responsive image	Uses cy.intercept to confirm the image loaded by the <picture> element

Logging in recipes

Recipe	Description
Basic Auth	Log in using Basic Authentication
Single Sign On	Log in across multiple servers or providers
HTML Web Forms	Log in with a basic HTML form
XHR Web Forms	Log in using an XHR
CSRF Tokens	Log in with a required CSRF token
Json Web Tokens (JWT)	Log in using JWT
Using application code	Log in by calling the application code

Also see Authentication plugins and watch video "Organizing Tests, Logging In, Controlling State"

Preprocessors

Recipe	Description
grep	Filter tests by name using Mocha-like grep syntax
Typescript with Browserify	Add typescript support with browserify
Typescript with Webpack	Add typescript support with webpack
Flow with Browserify	Add flow support with browserify

Blogs

Demo recipes from the blog posts at www.cypress.io/blog

Recipe	Description
Application Actions	Application actions are a replacement for Page Objects
E2E API Testing	Run your API Tests with a GUI
E2E Snapshots	End-to-End Snapshot Testing
Element Coverage	Track elements covered by tests
Codepen.io Testing	Test a HyperApp Codepen demo
Testing Redux Store	Test an application that uses Redux data store
Vue + Vuex + REST Testing	Test an application that uses central data store
A11y Testing	Accessibility testing with cypress-axe
Automate Angular Testing	Run Angular tests in a build environment
React DevTools	Loads React DevTools Chrome extension automatically
Expect N assertions	How to expect a certain number of assertions in a test
Browser notifications	How to test application that uses Notification
Testing iframes	Accessing elements in 3rd party iframe, spy and stub network calls from iframe
Class decorators	Using JavaScript class decorator to expose objects created by the application so they are reachable from tests
Form Submit	Removing flake from the test where a page is reloaded after form submission
Using Day.js instead of Moment.js	Using day.js library instead of the deprecated Cypress.moment

Network stubbing and spying

Recipe	Description
Stubbing using cy.intercept	Control network using cy.intercept API

JS-level stubbing and spying

Recipe	Description
Stubbing Functions	Use cy.spy() and cy.stub() to test function calls
Stubbing window.fetch	Work around the window.fetch limitation
Stubbing window.open and console.log	Use cy.stub() and cy.spy() to test application behavior
Stubbing window.print	Use cy.stub() to test window.print call made from the application
Stubbing Google Analytics	Use cy.stub() or cy.intercept() to test Google Analytics calls
Spying and stubbing methods on console object	Use cy.spy() and cy.stub() on console.log
Stub resource loading	Use MutationObserver to stub resource loading like img tags
Stub navigator.cookieEnabled property	Use cy.stub() to mock the navigator.cookieEnabled property

Unit Testing

Recipe	Description
Application Code	Import and test your own application code

Note: looking for the React/Vue component testing recipes? Read the Introducing the Cypress Component Test Runner– new in 7.0.0 blog post.

Server Communication

Recipe	Description
Bootstrapping your App	Seed your application with test data
Seeding your Database in Node	Seed your database with test data
XHR assertions	Spy and assert on application's network calls
Visiting 2nd domain	Visiting two different domains from two different tests and passing value from one test to another
Pass value between specs	Pass a value from spec to spec via the setupNodeEvents function in the Cypress configuration using cy.task
Stream test results	Streams each test result from the browser to the setupNodeEvents function to an external process via IPC
Offline	Test web application when the network is offline
Server timing	Report server timing results from Cypress test
Wait for API	Call the backend using cy.request until it responds
Making HTTP requests	How to use cy.request, window.fetch, and cy.task commands to make HTTP requests to the server with and without cookies

Other Cypress Recipes

Recipe	Description
Visual Testing	Official Cypress guide to visual testing
Code Coverage	Official Cypress guide to code coverage
detect-page-reload	How to detect from Cypress test when a page reloads using object property assertions
run in Docker	Run Cypress with a single Docker command
SSR E2E	End-to-end Testing for Server-Side Rendered Pages
Using TS aliases	Using TypeScript aliases in Cypress tests
stub-navigator-api	Stub navigator API in end-to-end tests
Readable Cypress.io tests	How to write readable tests using custom commands and custom Chai assertions
Parallel or not	Run Cypress in parallel mode on CircleCI depending on environment variables
Use TypeScript With Cypress	Step by step tutorial on how to set up TypeScript support in Cypress using WebPack bundler
Cypress should callback	Examples of .should(cb) assertions
Cypress jump	Create a React component using JSX and inject it into live application from a Cypress test
Unit testing Vuex data store using Cypress.io Test Runner	Complete walkthrough for anyone trying to unit test a data store
Triple Tested Static Site	How to test static sites three times before and after deployment to GitHub pages

Community Recipes

Recipe	Description
Visual Regression Testing	Adding visual regression testing to Cypress
Code coverage	Cypress with Coverage reports
Cucumber	Example usage of Cypress with Cucumber
Jest	Example for the jest-runner-cypress
Mailosaur	Utilizes cy.request() or cy.task() with mailosaur to test emails sent with sendmail
Chat App	Test a Socket.io Chat App using Cypress
Email Testing	Full Testing of HTML Emails using SendGrid and Ethereal Accounts
OAuth Popup Authorization	Stubbing OAuth Popup Authorization with Cypress

Overview

• This repo is structured similar to how other "Monorepos" work.
• Each example project has its own Cypress configuration, tests, backend and frontend assets.
• Each of these example projects share a single "root" Cypress that is installed in the root node_modules folder.
• This structure looks different from normal projects, but its the easiest way to manage multiple projects without installing Cypress independently for each one.

Installation

## install all dependencies from the root directory
npm install

Opening Cypress App

cd ./examples/testing-dom__drag-drop
# start local server
npm start &
# open Cypress App
npm run cypress:open

Running from the CLI

Same as running Cypress GUI but with cypress run command (and any CLI arguments)

cd ./examples/testing-dom__drag-drop
# start local server
npm start &
# run Cypress tests headlessly
npm run cypress:run

### runs all example projects in specific browser
### similar to cypress run --browser <name>
npm run cypress:run -- --browser chrome

### sends test results, videos, screenshots
### to Cypress dashboard
npm run cypress:run -- --record

You can find the recording at the Cypress Dashboard linked below

Development

See Development.md

cypress-example-recipes's Issues

Add recipe for getting multiple elements at once

Either as a pyramid of doom or using a helper function that flattens multiple actions

cy.get(...)
  .then(one => {
      cy.get(...)
        .then(two => {
            // compare one with two for example
        })
   })

Help like in https://github.com/bahmutov/cypress-promise-all-test/blob/master/cypress/integration/example_spec.js

  const all = (...fns) => {
    const results = []


    // maybe handle a case when it is a plain value
    // and just push it directly into the results
    fns.reduce((prev, fn) => {
      fn().then(result => results.push(result))
      return results
    }, results)


    return cy.wrap(results)
  }


  it('wraps multiple cypress commands', () => {
    return all(
      getNavCommands,
      getNavUtilities
    ).spread((commands, utilities) => {
      console.log('got commands', commands.text())
      console.log('got utilities', utilities.text())
    })
  })

Write recipe about snapshot testing

Based on a blog https://github.com/cypress-io/cypress.io/issues/132

Add recipe for testing fullSlide using keyboard events

This pull request alvarotrigo/fullPage.js#3025

Change json-server in vuex example

Need to bite the bullet and add good reset endpoint to avoid race conditions / file watching.
File watching fails sometimes, especially on Travis

https://travis-ci.org/cypress-io/cypress-example-recipes/builds/312102040

Need example showing image file upload

Vue + Vuex recipe shows how to test file input, but loading an image would be a great recipe. Probably fixture -> File

Test spy retries

Seems spy via alias does not retry waiting for the function to be called.

An in-range update of eslint-plugin-cypress-dev is breaking the build 🚨

Version 1.1.2 of eslint-plugin-cypress-dev was just published.

Branch	Build failing 🚨
Dependency	eslint-plugin-cypress-dev
Current Version	1.1.1
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-cypress-dev is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ✅ ci/circleci Your tests passed on CircleCI! Details
• ❌ continuous-integration/travis-ci/push The Travis CI build failed Details

---

Release Notes

v1.1.2

1.1.2 (2017-12-04)

Bug fixes ✅

• explain how to use with text editors, close #2 (7a65a98)

Commits

The new version differs by 3 commits.

• 7a65a98 fix: explain how to use with text editors, close #2
• e23697f chore: add npm run lint command
• b2efb56 Add installation instructions

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of jquery is breaking the build 🚨

Version 3.3.1 of jquery was just published.

Branch	Build failing 🚨
Dependency	jquery
Current Version	3.3.0
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

jquery is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ continuous-integration/travis-ci/push The Travis CI build is in progress Details
• ✅ ci/circleci: unit-testing__application-code Your tests passed on CircleCI! Details
• ✅ ci/circleci: extending-cypress__chai-assertions Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__window-fetch Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__hover-hidden-elements Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__single-sign-on Your tests passed on CircleCI! Details
• ✅ ci/circleci: server-communication__bootstrapping-your-app Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__form-interactions Your tests passed on CircleCI! Details
• ✅ ci/circleci: preprocessors__typescript-webpack Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__drag-drop Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__html-web-forms Your tests passed on CircleCI! Details
• ✅ ci/circleci: file-upload-react Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__e2e-api-testing Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__xhr-web-forms Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__google-analytics Your tests passed on CircleCI! Details
• ✅ ci/circleci: fundamentals__node-modules Your tests passed on CircleCI! Details
• ✅ ci/circleci: preprocessors__typescript-browserify Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__codepen-demo Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__tab-handling-links Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__direct-control-angular Your tests passed on CircleCI! Details
• ✅ ci/circleci: unit-testing__react-enzyme Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__functions Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__csrf-tokens Your tests passed on CircleCI! Details
• ❌ ci/circleci: blogs__vue-vuex-rest Your tests failed on CircleCI Details
• ❌ ci/circleci: blogs__e2e-snapshots Your tests failed on CircleCI Details

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

google analytics recipe is failing

per this issue: cypress-io/cypress#1154

An in-range update of react is breaking the build 🚨

Version 16.1.0 of react was just published.

Branch	Build failing 🚨
Dependency	react
Current Version	16.0.0
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

react is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ ci/circleci Your tests failed on CircleCI Details
• ✅ continuous-integration/travis-ci/push The Travis CI build passed Details

---

Release Notes

v16.1.0

16.1.0 (November 9, 2017)

Discontinuing Bower Releases

Starting with 16.1.0, we will no longer be publishing new releases on Bower. You can continue using Bower for old releases, or point your Bower configs to the React UMD builds hosted on unpkg that mirror npm releases and will continue to be updated.

All Packages

• Fix an accidental extra global variable in the UMD builds. (@gaearon in #10935)

React

• Add support for portals in React.Children utilities. (@MatteoVH in #11378)
• Warn when a class has a render method but doesn't extend a known base class. (@sw-yx in #11168)
• Improve the warning when accidentally returning an object from constructor. (@deanbrophy in #11395)

React DOM

• Allow on as a custom attribute for AMP. (@nuc in #11153)
• Fix onMouseEnter and onMouseLeave firing on wrong elements. (@gaearon in #11164)
• Fix null showing up in a warning instead of the component stack. (@gaearon in #10915)
• Fix IE11 crash in development mode. (@leidegre in #10921)
• Fix tabIndex not getting applied to SVG elements. (@gaearon in #11034)
• Fix SVG children not getting cleaned up on dangerouslySetInnerHTML in IE. (@OriR in #11108)
• Fix false positive text mismatch warning caused by newline normalization. (@gaearon in #11119)
• Fix form.reset() to respect defaultValue on uncontrolled <select>. (@aweary in #11057)
• Fix <textarea> placeholder not rendering on IE11. (@gaearon in #11177)
• Fix a crash rendering into shadow root. (@gaearon in #11037)
• Fix false positive warning about hydrating mixed case SVG tags. (@gaearon in #11174)
• Suppress the new unknown tag warning for <dialog> element. (@gaearon in #11035)
• Warn when defining a non-existent componentDidReceiveProps method. (@iamtommcc in #11479)
• Warn about function child no more than once. (@andreysaleba in #11120)
• Warn about nested updates no more than once. (@anushreesubramani in #11113)
• Deduplicate other warnings about updates. (@anushreesubramani in #11216)
• Include component stack into the warning about contentEditable and children. (@Ethan-Arrowood in #11208)
• Improve the warning about booleans passed to event handlers. (@NicBonetto in #11308)
• Improve the warning when a multiple select gets null value. (@Hendeca in #11141)
• Move link in the warning message to avoid redirect. (@marciovicente in #11400)
• Add a way to suppress the React DevTools installation prompt. (@gaearon in #11448)
• Remove unused code. (@gaearon in #10802, #10803)

React DOM Server

• Add a new suppressHydrationWarning attribute for intentional client/server text mismatches. (@sebmarkbage in #11126)
• Fix markup generation when components return strings. (@gaearon in #11109)
• Fix obscure error message when passing an invalid style value. (@iamdustan in #11173)
• Include the autoFocus attribute into SSR markup. (@gaearon in #11192)
• Include the component stack into more warnings. (@gaearon in #11284)

React Test Renderer and Test Utils

• Fix multiple setState() calls in componentWillMount() in shallow renderer. (@Hypnosphi in #11167)
• Fix shallow renderer to ignore shouldComponentUpdate() after forceUpdate(). (@d4rky-pl in #11239 and #11439)
• Handle forceUpdate() and React.PureComponent correctly. (@koba04 in #11440)
• Add back support for running in production mode. (@gaearon in #11112)
• Add a missing package.json dependency. (@gaearon in #11340)

React ART

• Add a missing package.json dependency. (@gaearon in #11341)
• Expose react-art/Circle, react-art/Rectangle, and react-art/Wedge. (@gaearon in #11343)

React Reconciler (Experimental)

• First release of the new experimental package for creating custom renderers. (@iamdustan in #10758)
• Add support for React DevTools. (@gaearon in #11463)

React Call Return (Experimental)

• First release of the new experimental package for parent-child communication. (@gaearon in #11364)

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Add recipe showing common HTML / style assertions

• find all elements with inline styles (good to make sure there are none for more secure pages). use *[style] selector.
• images that failed to load (use naturalWidth property)
• checking computed style property like is the element's background red, or color is black
• element is overlapping with other elements
• maybe any images that took longer than N ms to load (using performance metric)

An in-range update of webpack is breaking the build 🚨

Version 3.9.0 of webpack was just published.

Branch	Build failing 🚨
Dependency	webpack
Current Version	3.8.1
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

webpack is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push The Travis CI build is in progress Details
• ❌ ci/circleci Your tests failed on CircleCI Details

---

Release Notes

v3.9.0

Features

• add more descriptions to the schema for better validation errors
• Handle arrow functions in AMD define/require

Bugfixes

• added stats.all option to schema
• UMD uses self before this as global object
• Use window instead of this in JSONP
• handle null in SourceMap correctly
• Use Error name instead of instanceof to check for validation Error
• Respect node.js deprecation configuration for some deprecation messages in webpack
• Generate shorter identifiers for ConcatenatedModules to save memory
• fix increasing delay when using HMR with multiStep: true

Commits

The new version differs by 52 commits.

• 73e34a7 3.9.0
• 05c5479 Merge pull request #5849 from cdata/fix-5843
• 801a253 Merge pull request #5862 from Slashgear/fix-hmr-es6-bundles
• 9c1f9fe Merge pull request #6018 from webpack/ci/webpack-sources-upgrade
• c23cf31 upgrade webpack-sources in lockfile
• 2525466 Merge pull request #6001 from lencioni/concatenation-efficiency
• 37d70bd Avoid calling hash.update multiple times in ConcatenatedModules
• 8fdf411 Simplify identifier creation in ConcatenatedModules
• 7bbf31e Merge pull request #6007 from webpack/bugfix/multi-step-hmr
• 78d6ba8 Merge pull request #6005 from madeinfree/fix-parser-apply
• 991ec20 fix increasing delay with multiStep HMR
• f9d797f fix: Compiler parser.apply bug
• 885e9ee Merge pull request #5985 from EugeneHlushko/respect-no-deprecation-flag
• 20759bb Merge pull request #5997 from filipesilva/concatenated-module-identifier
• aef6f19 Use shorter identifier for ConcatenatedModules

There are 52 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Show recipe for interacting with common bootstrap elements

Such as dropdown, dialogs, etc.

Also create a custom child command for programmatically interacting with JS api's directly to avoid using the DOM.

Recipe for drag and drop file uploads

Related to this issue: cypress-io/cypress#669

An in-range update of nodemon is breaking the build 🚨

Version 1.12.4 of nodemon was just published.

Branch	Build failing 🚨
Dependency	nodemon
Current Version	1.12.3
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

nodemon is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ✅ continuous-integration/travis-ci/push The Travis CI build passed Details
• ❌ ci/circleci Your tests failed on CircleCI Details

---

Release Notes

v1.12.4

1.12.4 (2017-12-04)

Bug Fixes

• reduce help output (a teeny bit) (2e1b496)

Commits

The new version differs by 1 commits.

• 2e1b496 fix: reduce help output (a teeny bit)

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Add recipe testing A11Y

use one of these libraries to check element / page

• https://github.com/pa11y/pa11y
• https://github.com/paypal/AATT
• http://bit.ly/gha11yjs
• http://bit.ly/axetool
• http://colorsafe.co
• http://jxnblk.com/colorable/
• https://sonarwhal.com/
• http://bit.ly/a11ycss
• http://www.funkify.org

For this https://twitter.com/khaled_garbaya/status/943859388841938944

An in-range update of enzyme is breaking the build 🚨

Version 3.3.0 of enzyme was just published.

Branch	Build failing 🚨
Dependency	enzyme
Current Version	3.2.0
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

enzyme is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ✅ ci/circleci: testing-dom__hover-hidden-elements Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__csrf-tokens Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__e2e-api-testing Your tests passed on CircleCI! Details
• ✅ ci/circleci: unit-testing__react-enzyme Your tests passed on CircleCI! Details
• ✅ ci/circleci: preprocessors__typescript-webpack Your tests passed on CircleCI! Details
• ✅ ci/circleci: file-upload-react Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__html-web-forms Your tests passed on CircleCI! Details
• ✅ ci/circleci: preprocessors__typescript-browserify Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__google-analytics Your tests passed on CircleCI! Details
• ✅ ci/circleci: extending-cypress__chai-assertions Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__single-sign-on Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__tab-handling-links Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__functions Your tests passed on CircleCI! Details
• ✅ ci/circleci: fundamentals__node-modules Your tests passed on CircleCI! Details
• ✅ ci/circleci: unit-testing__application-code Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__vue-vuex-rest Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__xhr-web-forms Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__direct-control-angular Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__window-fetch Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__e2e-snapshots Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__codepen-demo Your tests passed on CircleCI! Details
• ✅ ci/circleci: server-communication__bootstrapping-your-app Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__form-interactions Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__drag-drop Your tests passed on CircleCI! Details
• ❌ continuous-integration/travis-ci/push The Travis CI build failed Details

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of nodemon is breaking the build 🚨

Version 1.12.6 of nodemon was just published.

Branch	Build failing 🚨
Dependency	nodemon
Current Version	1.12.5
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

nodemon is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push The Travis CI build is in progress Details
• ❌ ci/circleci Your tests failed on CircleCI Details

---

Release Notes

v1.12.6

1.12.6 (2017-12-13)

Bug Fixes

• get tests to pass (cf923a8)
• only use fork if node>4 (f52615c)
• restore node 4 min support (6d760f4)
• travis CI build before-install (3a6b8df)

Commits

The new version differs by 11 commits.

• f52615c fix: only use fork if node>4
• 2d4ce03 docs: update faq on issue #1124
• 62a361c fix: use fork child node processes
• 0628f26 chore: merge heisian-master
• 6d760f4 fix: restore node 4 min support
• 8967c02 test: only use .npmrc if a non-PR
• cf923a8 fix: get tests to pass
• 3a6b8df fix: travis CI build before-install
• f711fb7 test: fork child node processes
• 183add9 test: fix typo in before_install
• 57c14a2 test: only add npmrc on master (#1147)

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Code Coverage

I was wondering if Cypress had a recommended tool for calculating code coverage? and if so are there any examples?

Make each recipe its own subfolder

This enables each one to have its own files, its own tests, its own cypress.json, etc.

An in-range update of @types/mocha is breaking the build 🚨

Version 2.2.45 of @types/mocha was just published.

Branch	Build failing 🚨
Dependency	@types/mocha
Current Version	2.2.44
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

@types/mocha is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ ci/circleci: logging-in__single-sign-on CircleCI is running your tests Details
• ❌ ci/circleci: logging-in__xhr-web-forms CircleCI is running your tests Details
• ❌ ci/circleci: logging-in__csrf-tokens CircleCI is running your tests Details
• ❌ ci/circleci: blogs__e2e-api-testing CircleCI is running your tests Details
• ❌ ci/circleci: server-communication__bootstrapping-your-app CircleCI is running your tests Details
• ❌ ci/circleci: testing-dom__tab-handling-links Your tests are queued behind your running builds Details
• ❌ ci/circleci: testing-dom__drag-drop Your tests are queued behind your running builds Details
• ❌ ci/circleci: stubbing-spying__window-fetch Your tests are queued behind your running builds Details
• ❌ ci/circleci: testing-dom__hover-hidden-elements CircleCI is running your tests Details
• ❌ ci/circleci: unit-testing__application-code Your tests are queued behind your running builds Details
• ❌ ci/circleci: logging-in__html-web-forms Your tests are queued behind your running builds Details
• ❌ ci/circleci: blogs__e2e-snapshots CircleCI is running your tests Details
• ❌ ci/circleci: fundamentals__node-modules CircleCI is running your tests Details
• ❌ ci/circleci: stubbing-spying__functions Your tests are queued behind your running builds Details
• ❌ ci/circleci: blogs__vue-vuex-rest Your tests are queued behind your running builds Details
• ❌ ci/circleci: testing-dom__form-interactions CircleCI is running your tests Details
• ❌ ci/circleci: extending-cypress__chai-assertions CircleCI is running your tests Details
• ❌ ci/circleci: blogs__codepen-demo Your tests are queued behind your running builds Details
• ❌ ci/circleci: unit-testing__react-enzyme Your tests are queued behind your running builds Details
• ❌ ci/circleci: stubbing-spying__google-analytics CircleCI is running your tests Details
• ❌ ci/circleci: blogs__direct-control-angular CircleCI is running your tests Details
• ❌ ci/circleci: preprocessors__typescript-browserify CircleCI is running your tests Details
• ❌ continuous-integration/travis-ci/push The Travis CI build is in progress Details
• ❌ ci/circleci: preprocessors__typescript-webpack Your tests failed on CircleCI Details

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

split travis CI build into jobs

Can we run travis jobs in parallel, similar to CircleCI? #70

Add example of data-driven tests

Similar to https://github.com/bahmutov/snap-shot-it#data-driven-testing

const names = ['foo', 'bar', 'baz']
names.forEach(name => {
  it(`works for ${name}`, () => {
     cy.visit('...')
     cy.contains(name)
  })
})

Copy Codepen.io + HyperApp recipe

For blog post https://github.com/cypress-io/cypress.io/pull/154 need to copy code from https://github.com/bahmutov/cypress-codepen-hyperapp-demo

Add script to run lint on each example

Probably should reuse same code we have inside cypress monorepo to run NPM command in each examples/* subfolder

Show recipe spying on console.* methods and asserting on them

Also add this to the FAQ

An in-range update of eslint is breaking the build 🚨

Version 4.14.0 of eslint was just published.

Branch	Build failing 🚨
Dependency	eslint
Current Version	4.13.1
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

eslint is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push The Travis CI build is in progress Details
• ✅ ci/circleci: testing-dom__form-interactions Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__single-sign-on Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__google-analytics Your tests passed on CircleCI! Details
• ❌ ci/circleci: preprocessors__typescript-browserify Your tests failed on CircleCI Details
• ✅ ci/circleci: stubbing-spying__functions Your tests passed on CircleCI! Details
• ✅ ci/circleci: unit-testing__application-code Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__drag-drop Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__xhr-web-forms Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__hover-hidden-elements Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__e2e-api-testing Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__html-web-forms Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__direct-control-angular Your tests passed on CircleCI! Details
• ❌ ci/circleci: preprocessors__typescript-webpack Your tests failed on CircleCI Details
• ✅ ci/circleci: fundamentals__node-modules Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__window-fetch Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__codepen-demo Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__csrf-tokens Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__tab-handling-links Your tests passed on CircleCI! Details
• ✅ ci/circleci: extending-cypress__chai-assertions Your tests passed on CircleCI! Details
• ✅ ci/circleci: unit-testing__react-enzyme Your tests passed on CircleCI! Details
• ✅ ci/circleci: server-communication__bootstrapping-your-app Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__e2e-snapshots Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__vue-vuex-rest Your tests passed on CircleCI! Details

---

Release Notes

v4.14.0

• be2f57e Update: support separate requires in one-var. (fixes #6175) (#9441) (薛定谔的猫)
• 370d614 Docs: Fix typos (#9751) (Jed Fox)
• 8196c45 Chore: Reorganize CLI options and associated docs (#9758) (Kevin Partington)
• 75c7419 Update: Logical-and is counted in complexity rule (fixes #8535) (#9754) (Kevin Partington)
• eb4b1e0 Docs: reintroduce misspelling in valid-typeof example (#9753) (Teddy Katz)
• ae51eb2 New: Add allowImplicit option to array-callback-return (fixes #8539) (#9344) (James C. Davis)
• e9d5dfd Docs: improve no-extra-parens formatting (#9747) (Rich Trott)
• 37d066c Chore: Add unit tests for overrides glob matching. (#9744) (Robert Jackson)
• 805a94e Chore: Fix typo in CLIEngine test name (#9741) (@scriptdaemon)
• 1c2aafd Update: Improve parser integrations (fixes #8392) (#8755) (Toru Nagashima)
• 4ddc131 Upgrade: debug@^3.1.0 (#9731) (Kevin Partington)
• f252c19 Docs: Make the lint message source property a little more subtle (#9735) (Jed Fox)
• 5a5c23c Docs: fix the link to contributing page (#9727) (Victor Hom)
• f44ce11 Docs: change beginner to good first issue label text (#9726) (Victor Hom)
• 14baa2e Chore: improve arrow-body-style error message (refs #5498) (#9718) (Teddy Katz)
• f819920 Docs: fix typos (#9723) (Thomas Broadley)
• 43d4ba8 Fix: false positive on rulelines-between-class-members (fixes #9665) (#9680) (sakabar)

Commits

The new version differs by 19 commits.

• 8d166b4 4.14.0
• 5a29612 Build: changelog update for 4.14.0
• be2f57e Update: support separate requires in one-var. (fixes #6175) (#9441)
• 370d614 Docs: Fix typos (#9751)
• 8196c45 Chore: Reorganize CLI options and associated docs (#9758)
• 75c7419 Update: Logical-and is counted in complexity rule (fixes #8535) (#9754)
• eb4b1e0 Docs: reintroduce misspelling in valid-typeof example (#9753)
• ae51eb2 New: Add allowImplicit option to array-callback-return (fixes #8539) (#9344)
• e9d5dfd Docs: improve no-extra-parens formatting (#9747)
• 37d066c Chore: Add unit tests for overrides glob matching. (#9744)
• 805a94e Chore: Fix typo in CLIEngine test name (#9741)
• 1c2aafd Update: Improve parser integrations (fixes #8392) (#8755)
• 4ddc131 Upgrade: debug@^3.1.0 (#9731)
• f252c19 Docs: Make the lint message source property a little more subtle (#9735)
• 5a5c23c Docs: fix the link to contributing page (#9727)

There are 19 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

should('be.colored', '#123123') throws error "CypressError: Timed out retrying: actual.equals is not a function"

The chai-colors example in this spec doesn't work for me.

I'm getting an error CypressError: Timed out retrying: actual.equals is not a function which I assume is some error in integrating the chai-colors plugin.

This is my reduced test code:

import chaiColors from 'chai-colors'
chai.use(chaiColors)
const URL = 'http://localhost:8080'

describe("Demo Test", () => {
  before(() => {
    cy.visit(`${URL}/`)
  })

  it('should work', () => {
      cy
        .get('#name')
        .siblings('p')
        .should('be.colored', '#F53D84')
  })
})

If I use the non-chai version it works as expected:

const URL = 'http://localhost:8080'

describe("Demo Test", () => {
  before(() => {
    cy.visit(`${URL}/`)
  })

  it('should work', () => {
      cy
        .get('#name')
        .siblings('p')
        .should('have.css', 'color', 'rgb(245, 61, 132)')
  })
})

Any ideas what's going wrong here?

Add TS files to support folder in preprocessor examples

To show how Cypress bundles all TS files

Add cypress eslint to each example

This shows users how to properly use our cypress eslint plugin

Copy Vue-Vuex-REST recipe

For a blog post, code https://github.com/bahmutov/vue-vuex-todomvc

An in-range update of eslint is breaking the build 🚨

Version 4.16.0 of eslint was just published.

Branch	Build failing 🚨
Dependency	eslint
Current Version	4.15.0
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

eslint is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ✅ ci/circleci: stubbing-spying__functions Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__csrf-tokens Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__tab-handling-links Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__direct-control-angular Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__google-analytics Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__window-fetch Your tests passed on CircleCI! Details
• ✅ ci/circleci: server-communication__bootstrapping-your-app Your tests passed on CircleCI! Details
• ✅ ci/circleci: extending-cypress__chai-assertions Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__hover-hidden-elements Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__xhr-web-forms Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__codepen-demo Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__form-interactions Your tests passed on CircleCI! Details
• ✅ ci/circleci: preprocessors__typescript-webpack Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__drag-drop Your tests passed on CircleCI! Details
• ✅ ci/circleci: preprocessors__typescript-browserify Your tests passed on CircleCI! Details
• ✅ ci/circleci: unit-testing__application-code Your tests passed on CircleCI! Details
• ✅ ci/circleci: fundamentals__node-modules Your tests passed on CircleCI! Details
• ✅ ci/circleci: file-upload-react Your tests passed on CircleCI! Details
• ❌ ci/circleci: blogs__e2e-snapshots Your tests failed on CircleCI Details
• ✅ ci/circleci: unit-testing__react-enzyme Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__single-sign-on Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__html-web-forms Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__e2e-api-testing Your tests passed on CircleCI! Details
• ❌ ci/circleci: blogs__vue-vuex-rest Your tests failed on CircleCI Details
• ❌ continuous-integration/travis-ci/push The Travis CI build failed Details

---

Release Notes

v4.16.0

• e26a25f Update: allow continue instead of if wrap in guard-for-in (fixes #7567) (#9796) (Michael Ficarra)
• af043eb Update: Add NewExpression support to comma-style (#9591) (Frazer McLean)
• 4f898c7 Build: Fix JSDoc syntax errors (#9813) (Matija Marohnić)
• 13bcf3c Fix: Removing curly quotes in no-eq-null report message (#9852) (Kevin Partington)
• b96fb31 Docs: configuration hierarchy for CLIEngine options (fixes #9526) (#9855) (PiIsFour)
• 8ccbdda Docs: Clarify that -c configs merge with .eslintrc.* (fixes #9535) (#9847) (Kevin Partington)
• 978574f Docs: Fix examples for no-useless-escape (#9853) (Toru Kobayashi)
• cd5681d Chore: Deactivate consistent-docs-url in internal rules folder (#9815) (Kevin Partington)
• 2e87ddd Docs: Sync messageId examples' style with other examples (#9816) (Kevin Partington)
• 1d61930 Update: use doctrine range information in valid-jsdoc (#9831) (Teddy Katz)
• 133336e Update: fix indent behavior on template literal arguments (fixes #9061) (#9820) (Teddy Katz)
• ea1b15d Fix: avoid crashing on malformed configuration comments (fixes #9373) (#9819) (Teddy Katz)
• add1e70 Update: fix indent bug on comments in ternary expressions (fixes #9729) (#9818) (Teddy Katz)
• 6a5cd32 Fix: prefer-destructuring error with computed properties (fixes #9784) (#9817) (Teddy Katz)
• 601f851 Docs: Minor modification to code comments for clarity (#9821) (rgovind92)
• b9da067 Docs: fix misleading info about RuleTester column numbers (#9830) (Teddy Katz)
• 2cf4522 Update: Rename and deprecate object-property-newline option (#9570) (Jonathan Pool)
• acde640 Docs: Add ES 2018 to Configuring ESLint (#9829) (Kai Cataldo)
• ccfce15 Docs: Minor tweaks to working with rules page (#9824) (Kevin Partington)
• 54b329a Docs: fix substitution of {{ name }} (#9822) (Andres Kalle)

Commits

The new version differs by 22 commits.

• 33ca1ea 4.16.0
• 1a9ddee Build: changelog update for 4.16.0
• e26a25f Update: allow continue instead of if wrap in guard-for-in (fixes #7567) (#9796)
• af043eb Update: Add NewExpression support to comma-style (#9591)
• 4f898c7 Build: Fix JSDoc syntax errors (#9813)
• 13bcf3c Fix: Removing curly quotes in no-eq-null report message (#9852)
• b96fb31 Docs: configuration hierarchy for CLIEngine options (fixes #9526) (#9855)
• 8ccbdda Docs: Clarify that -c configs merge with .eslintrc.* (fixes #9535) (#9847)
• 978574f Docs: Fix examples for no-useless-escape (#9853)
• cd5681d Chore: Deactivate consistent-docs-url in internal rules folder (#9815)
• 2e87ddd Docs: Sync messageId examples' style with other examples (#9816)
• 1d61930 Update: use doctrine range information in valid-jsdoc (#9831)
• 133336e Update: fix indent behavior on template literal arguments (fixes #9061) (#9820)
• ea1b15d Fix: avoid crashing on malformed configuration comments (fixes #9373) (#9819)
• add1e70 Update: fix indent bug on comments in ternary expressions (fixes #9729) (#9818)

There are 22 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Show example of controlling confirm, alert, prompt

Add recipes 'Controlling Angular' and 'E2E GUI' tests in recipes

Mention in their readme and descriptions that there is a blog companion for each one.

Add readme separately for each recipe

Sometimes recipes are complex and we should add a readme to each folder to help better explain how it works.

An in-range update of react-dom is breaking the build 🚨

Version 16.1.0 of react-dom was just published.

Branch	Build failing 🚨
Dependency	react-dom
Current Version	16.0.0
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

react-dom is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ ci/circleci Your tests failed on CircleCI Details
• ✅ continuous-integration/travis-ci/push The Travis CI build passed Details

---

Release Notes

v16.1.0

16.1.0 (November 9, 2017)

Discontinuing Bower Releases

Starting with 16.1.0, we will no longer be publishing new releases on Bower. You can continue using Bower for old releases, or point your Bower configs to the React UMD builds hosted on unpkg that mirror npm releases and will continue to be updated.

All Packages

• Fix an accidental extra global variable in the UMD builds. (@gaearon in #10935)

React

• Add support for portals in React.Children utilities. (@MatteoVH in #11378)
• Warn when a class has a render method but doesn't extend a known base class. (@sw-yx in #11168)
• Improve the warning when accidentally returning an object from constructor. (@deanbrophy in #11395)

React DOM

• Allow on as a custom attribute for AMP. (@nuc in #11153)
• Fix onMouseEnter and onMouseLeave firing on wrong elements. (@gaearon in #11164)
• Fix null showing up in a warning instead of the component stack. (@gaearon in #10915)
• Fix IE11 crash in development mode. (@leidegre in #10921)
• Fix tabIndex not getting applied to SVG elements. (@gaearon in #11034)
• Fix SVG children not getting cleaned up on dangerouslySetInnerHTML in IE. (@OriR in #11108)
• Fix false positive text mismatch warning caused by newline normalization. (@gaearon in #11119)
• Fix form.reset() to respect defaultValue on uncontrolled <select>. (@aweary in #11057)
• Fix <textarea> placeholder not rendering on IE11. (@gaearon in #11177)
• Fix a crash rendering into shadow root. (@gaearon in #11037)
• Fix false positive warning about hydrating mixed case SVG tags. (@gaearon in #11174)
• Suppress the new unknown tag warning for <dialog> element. (@gaearon in #11035)
• Warn when defining a non-existent componentDidReceiveProps method. (@iamtommcc in #11479)
• Warn about function child no more than once. (@andreysaleba in #11120)
• Warn about nested updates no more than once. (@anushreesubramani in #11113)
• Deduplicate other warnings about updates. (@anushreesubramani in #11216)
• Include component stack into the warning about contentEditable and children. (@Ethan-Arrowood in #11208)
• Improve the warning about booleans passed to event handlers. (@NicBonetto in #11308)
• Improve the warning when a multiple select gets null value. (@Hendeca in #11141)
• Move link in the warning message to avoid redirect. (@marciovicente in #11400)
• Add a way to suppress the React DevTools installation prompt. (@gaearon in #11448)
• Remove unused code. (@gaearon in #10802, #10803)

React DOM Server

• Add a new suppressHydrationWarning attribute for intentional client/server text mismatches. (@sebmarkbage in #11126)
• Fix markup generation when components return strings. (@gaearon in #11109)
• Fix obscure error message when passing an invalid style value. (@iamdustan in #11173)
• Include the autoFocus attribute into SSR markup. (@gaearon in #11192)
• Include the component stack into more warnings. (@gaearon in #11284)

React Test Renderer and Test Utils

• Fix multiple setState() calls in componentWillMount() in shallow renderer. (@Hypnosphi in #11167)
• Fix shallow renderer to ignore shouldComponentUpdate() after forceUpdate(). (@d4rky-pl in #11239 and #11439)
• Handle forceUpdate() and React.PureComponent correctly. (@koba04 in #11440)
• Add back support for running in production mode. (@gaearon in #11112)
• Add a missing package.json dependency. (@gaearon in #11340)

React ART

• Add a missing package.json dependency. (@gaearon in #11341)
• Expose react-art/Circle, react-art/Rectangle, and react-art/Wedge. (@gaearon in #11343)

React Reconciler (Experimental)

• First release of the new experimental package for creating custom renderers. (@iamdustan in #10758)
• Add support for React DevTools. (@gaearon in #11463)

React Call Return (Experimental)

• First release of the new experimental package for parent-child communication. (@gaearon in #11364)

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of @types/cypress is breaking the build 🚨

Version 0.1.5 of @types/cypress was just published.

Branch	Build failing 🚨
Dependency	@types/cypress
Current Version	0.1.4
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

@types/cypress is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push The Travis CI build is in progress Details
• ❌ ci/circleci Your tests failed on CircleCI Details

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

'Develop' needs to be set as default branch

• I didn't want to set this right now since there are outstanding PRs, but this entire repo needs to follow the same process as our other repos.

Add typescript recipes for webpack + browserify

CircleCI build/test not reporting to github

An in-range update of @types/mocha is breaking the build 🚨

Version 2.2.47 of @types/mocha was just published.

Branch	Build failing 🚨
Dependency	@types/mocha
Current Version	2.2.46
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

@types/mocha is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ✅ ci/circleci: logging-in__csrf-tokens Your tests passed on CircleCI! Details
• ✅ ci/circleci: server-communication__bootstrapping-your-app Your tests passed on CircleCI! Details
• ✅ ci/circleci: extending-cypress__chai-assertions Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__codepen-demo Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__single-sign-on Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__functions Your tests passed on CircleCI! Details
• ✅ ci/circleci: fundamentals__node-modules Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__form-interactions Your tests passed on CircleCI! Details
• ❌ ci/circleci: blogs__vue-vuex-rest Your tests failed on CircleCI Details
• ✅ ci/circleci: stubbing-spying__window-fetch Your tests passed on CircleCI! Details
• ✅ ci/circleci: preprocessors__typescript-browserify Your tests passed on CircleCI! Details
• ✅ ci/circleci: file-upload-react Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__drag-drop Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__direct-control-angular Your tests passed on CircleCI! Details
• ✅ ci/circleci: unit-testing__application-code Your tests passed on CircleCI! Details
• ✅ ci/circleci: preprocessors__typescript-webpack Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__e2e-api-testing Your tests passed on CircleCI! Details
• ❌ ci/circleci: blogs__e2e-snapshots Your tests failed on CircleCI Details
• ✅ ci/circleci: testing-dom__hover-hidden-elements Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__google-analytics Your tests passed on CircleCI! Details
• ✅ ci/circleci: unit-testing__react-enzyme Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__xhr-web-forms Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__tab-handling-links Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__html-web-forms Your tests passed on CircleCI! Details
• ❌ continuous-integration/travis-ci/push The Travis CI build failed Details

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of nodemon is breaking the build 🚨

Version 1.14.11 of nodemon was just published.

Branch	Build failing 🚨
Dependency	nodemon
Current Version	1.14.10
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

nodemon is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ✅ ci/circleci: blogs__codepen-demo Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__csrf-tokens Your tests passed on CircleCI! Details
• ✅ ci/circleci: unit-testing__application-code Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__xhr-web-forms Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__tab-handling-links Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__functions Your tests passed on CircleCI! Details
• ✅ ci/circleci: preprocessors__typescript-browserify Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__single-sign-on Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__window-fetch Your tests passed on CircleCI! Details
• ✅ ci/circleci: unit-testing__react-enzyme Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__drag-drop Your tests passed on CircleCI! Details
• ✅ ci/circleci: preprocessors__typescript-webpack Your tests passed on CircleCI! Details
• ✅ ci/circleci: extending-cypress__chai-assertions Your tests passed on CircleCI! Details
• ✅ ci/circleci: server-communication__bootstrapping-your-app Your tests passed on CircleCI! Details
• ✅ ci/circleci: file-upload-react Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__direct-control-angular Your tests passed on CircleCI! Details
• ✅ ci/circleci: fundamentals__node-modules Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__e2e-snapshots Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__hover-hidden-elements Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__vue-vuex-rest Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__form-interactions Your tests passed on CircleCI! Details
• ✅ ci/circleci: blogs__e2e-api-testing Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__google-analytics Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__html-web-forms Your tests passed on CircleCI! Details
• ❌ continuous-integration/travis-ci/push The Travis CI build failed Details

---

Release Notes

v1.14.11

1.14.11 (2018-01-11)

Bug Fixes

• don't ignore dot-directories (4be493c), closes #1223
• update deps - [email protected] in particular (9d49852)

Commits

The new version differs by 3 commits.

• 4be493c fix: don't ignore dot-directories
• 60d1add docs: add context to fences
• 9d49852 fix: update deps - [email protected] in particular

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Display error message "Sorry, there's something wrong with this file"

I run tests on cypress. If spec files contain import statement , display error message "Sorry, there's something wrong with this file"

TS recipes are breaking

Not sure why two typescript recipes are breaking on CI, but not locally

For example https://circleci.com/gh/cypress-io/cypress-example-recipes/2140

Oops...we found an error preparing this test file:

  cypress/support/index.js

The error was:

TypeScript error: ../../node_modules/cypress/node_modules/@types/chai/index.d.ts(40,17): Error TS2300: Duplicate identifier 'Operator'.

Group CI runs

How to pass group flag via Module API?

https://docs.cypress.io/guides/guides/command-line.html#Cypress-Module-API

cypress-example-recipes/scripts/run.js

Line 29 in ea54779

group: true

An in-range update of ts-loader is breaking the build 🚨

Version 3.3.0 of ts-loader was just published.

Branch	Build failing 🚨
Dependency	ts-loader
Current Version	3.2.0
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

ts-loader is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ ci/circleci: preprocessors__typescript-webpack CircleCI is running your tests Details
• ❌ ci/circleci: preprocessors__typescript-browserify CircleCI is running your tests Details
• ❌ ci/circleci: stubbing-spying__window-fetch Your tests are queued behind your running builds Details
• ❌ ci/circleci: testing-dom__form-interactions CircleCI is running your tests Details
• ❌ ci/circleci: extending-cypress__chai-assertions Your tests are queued behind your running builds Details
• ❌ ci/circleci: server-communication__bootstrapping-your-app CircleCI is running your tests Details
• ❌ ci/circleci: blogs__e2e-api-testing CircleCI is running your tests Details
• ❌ continuous-integration/travis-ci/push The Travis CI build is in progress Details
• ✅ ci/circleci: stubbing-spying__google-analytics Your tests passed on CircleCI! Details
• ✅ ci/circleci: file-upload-react Your tests passed on CircleCI! Details
• ✅ ci/circleci: stubbing-spying__functions Your tests passed on CircleCI! Details
• ✅ ci/circleci: logging-in__csrf-tokens Your tests passed on CircleCI! Details
• ❌ ci/circleci: testing-dom__hover-hidden-elements CircleCI is running your tests Details
• ❌ ci/circleci: unit-testing__react-enzyme CircleCI is running your tests Details
• ❌ ci/circleci: logging-in__html-web-forms CircleCI is running your tests Details
• ✅ ci/circleci: fundamentals__node-modules Your tests passed on CircleCI! Details
• ❌ ci/circleci: blogs__e2e-snapshots CircleCI is running your tests Details
• ✅ ci/circleci: blogs__codepen-demo Your tests passed on CircleCI! Details
• ✅ ci/circleci: testing-dom__tab-handling-links Your tests passed on CircleCI! Details
• ❌ ci/circleci: blogs__direct-control-angular CircleCI is running your tests Details
• ❌ ci/circleci: logging-in__xhr-web-forms CircleCI is running your tests Details
• ✅ ci/circleci: logging-in__single-sign-on Your tests passed on CircleCI! Details
• ❌ ci/circleci: testing-dom__drag-drop CircleCI is running your tests Details
• ❌ ci/circleci: unit-testing__application-code CircleCI is running your tests Details
• ❌ ci/circleci: blogs__vue-vuex-rest Your tests failed on CircleCI Details

---

Release Notes

v3.3.0

• Report diagnostics only on certain files with reportFiles option - thanks @freeman!
• Replaced option contextAsConfigBasePath with context option. Strictly speaking a breaking change. However, given the original option was never able to fulfil its intended purpose I've decided to treat this as just a new feature; there seems no possibility that anyone can be using contextAsConfigBasePath - thanks @christiantinauer!
• Added support for the new watch api of TypeScript compiler. nb This feature has been placed behind a new experimentalWatchApi option until it has been thoroughly tested. All being well it is likely to become the default behaviour for ts-loader in future - thanks @sheetalkamat!

Commits

The new version differs by 42 commits.

• 6444fa4 Fix up tests
• e8a4bb0 Merge pull request #688 from christiantinauer/master
• c6354c1 Merge branch 'master' into master
• 3d41633 Fix reportFile tests
• ea8dfd7 Merge pull request #701 from freeman/reportFiles
• 92a73e2 Merge in watch fixes
• 27469c2 Add missing comma
• 64914e0 Merge branch 'master' into reportFiles
• 6d55769 Fixed believed issue with watch implementation cc @sheetalkamat
• 4a6b0da Fix tests and place watchApi usage behind experimentalWatchApi option
• 7add160 Merge pull request #685 from sheetalkamat/builderApi
• 3015608 Merge pull request #714 from TypeStrong/feature/create_2_7_test_pack
• 72b1648 upgrade CI to run with 2.7 rc
• 9a63c78 include emit changes for 2.7 in test pack
• 44fa12b create 2.7 test output

There are 42 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Split CircleCI into multiple jobs (use v2)

Current v1 run takes too long, might as well split into parallel jobs

Show recipe for spying / stubbing google analytics calls

An in-range update of eslint is breaking the build 🚨

Version 4.12.1 of eslint was just published.

Branch	Build failing 🚨
Dependency	eslint
Current Version	4.12.0
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

eslint is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push The Travis CI build is in progress Details
• ❌ ci/circleci Your tests failed on CircleCI Details

---

Release Notes

v4.12.1

• 1e362a0 Revert "Fix: Use XML 1.1 on XML formatters (fixes #9607) (#9608)" (#9667) (Kevin Partington)

Commits

The new version differs by 3 commits.

• 58216b6 4.12.1
• fc9d27b Build: changelog update for 4.12.1
• 1e362a0 Revert "Fix: Use XML 1.1 on XML formatters (fixes #9607) (#9608)" (#9667)

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Add community resource files to help encourage contributions

• CONTRIBUTING.md
• PULL_REQUEST_TEMPLATE.md
• CODE_OF_CONDUCT.md
• LICENSE.md