Happo docs

Happo docs

  • To happo.io »

›Integrations

Overview

  • Getting started
  • Continuous Integration
  • API reference
  • CLI reference
  • Supported browsers

Configuration

  • List of options
  • Plugins

Integrations

  • Happo Examples
  • Static bundle
  • Storybook
  • Cypress
  • Playwright
  • Stencil
  • Full-page
  • Native Apps

Guides

  • Reviewing diffs
  • Compare with a threshold
  • Multi-project setup
  • Performance
  • Browser updates
  • Spurious diffs
  • Ignoring diffs
  • Debugging

Full-page

The full-page integration helps you get screenshots of an existing website.

Installation

No other libraries than happo.io need to be installed for a full-page integration:

npm install --save-dev happo.io

Configuration

Add a pages option to your .happo.js config file:

// .happo.js
module.exports = {
  // other config...
  pages: [
    { url: 'https://www.google.com/', title: 'Google' },
    { url: 'https://www.airbnb.com/', title: 'Airbnb' },
  ],
};

The urls to the website need to be publicly available, otherwise Happo workers won't be able to access the pages

Add a happo script to your package.json file:

{
  "scripts": {
    "happo": "happo"
  }
}

Running

Invoke npm run happo run to execute the pages test suite.

← StencilNative Apps →
  • Installation
  • Configuration
  • Running
Happo docs
Docs
Getting StartedContinuous IntegrationAPI Reference
Support
support@happo.io
More
Happo.io websiteHappo on GitHub
Copyright © 2022 Recur AB