How to setup end to end tests with WebdriverIo on Github action ?

• Slashgear

  1 1 3.1

name: Continuous Integration on: push: branches: - '**' jobs: build: runs-on: ubuntu-latest steps: # First you need to install a chromium browser in your runner - name: Install Chromium run: sudo apt-get install chromium-browser # You fetch the current ref - uses: actions/checkout@v2 # Use Node version above 14.x you want to use - name: Use Node.js uses: actions/setup-node@v1 with: node-version: 16.x # Install your dependencies (with yarn, npm no matter) - run: yarn install name: Install dependencies # This is where you could build your app # You could also start your server process (take a look at https://github.com/Slashgear/slashgear.github.io/blob/source/.github/workflows/continuous-integration.yml) # Run your test with the same command you uses locally - run: yarn wdio run wdio.conf.js name: Running E2E tests

• example-wdio

  1 0 0.0 JavaScript

If you need to see the example application I used in this tutorial, take a look at this example Github repository.

• SurveyJS

  surveyjs.io sponsored

  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.

  

• WebdriverIO

  37 8,769 9.9 TypeScript

  Next-gen browser and mobile automation test framework for Node.js

  

You need to install some dependencies to your project first. For me the project was a quite simple Gatsby site, but you could settle it on whatever website you develop that have a package.json file. In this case I will start from a just initialised npm package. Make sure you have a Chromium or Chrome browser installed locally. We are really lucky because WebdriverIo teams have developed a CLI topic that does this job for you.

Suggest a related project