blogs__codepen-demo

Codepen.io Testing Demo

Demo of E2E testing HyperApp.js counter app running on Codepen.io.

• Load Codepen and get around iframe security restrictions.
• Use cy.request() to load a document into test iframe.
• Test HyperApp.js application through the DOM and through actions.

Blog Post

Testing apps hosted on Codepen.io

Codepen https://codepen.io/bahmutov/pen/ZaMxgz

note: before the better lifecycle events land you need to wrap your application code on Codepen in IIFE

(function() {
  const { h, app } = hyperapp;
  /** @jsx h */
  ...
}())