Using GitHub actions and Vercel for end-to-end tests

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • create-react-app

    Set up a modern web app by running one command.

    Setting up your project to work with Vercel is (and I don't say this lightly) incredibly easy.If you're working with popular bootstrapping solutions like create react app or static site generators like Gatsby then Vercel can import and run your project without you needing to do any custom configuration.But even if you didn't bootstrap your page like that the configuration is straight forward.

  • toolkit

    The GitHub ToolKit for developing GitHub Actions.

    As we will need to work with the GitHub API to set a status on a PR we will now create a custom action for that.GitHub offers two ways to define actions - JavaScript and Docker.In this example we will create the action using Docker since this is how I know to do it.We will also use the actions-toolkit as it makes building custom actions easier.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • Cypress

    Fast, easy and reliable testing for anything that runs in a browser.

    No short list this time.Sorry!If you are solely interested in how to connect cypress to a Vercel deployment you can skip ahead to the Creating the workflow section.Should this be the first action you write then I would recommend the full article.If you don't have time for that definitively read Caveats.That might save you some time.

  • Puts Debuggerer

    Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.

    When GitHub launched actions we discovered that actions can run when a deployment happens.By then we already had setup Vercel to deploy our client on each PR.This was when I asked myself whether I could the Vercel deployments with our E2E tests.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts