Automating Tests using CodeceptJS and Testomat.io: First Steps

• CodeceptJS

  15 4,057 9.6 JavaScript

  Supercharged End 2 End Testing Framework for NodeJS

  

Automated runs can be configured using the API. This looks a lot like the command line for synchronizing our tests, but we have to add a the \@testomatio/reporter plugin to our project first and add it to our local CodeceptJS configuration. See the Testomat.io + CodeceptJS documentation for details, and see my GitHub issue: Testomat plugin reports failure #3403 if you don't get a success message on the command line.

• Resemble.js

  1 4,457 3.9 JavaScript

  Image analysis and comparison

  

Yes, we can! Documented as "Visual Testing", the screenshot feature is a possible means of testing. We can use Resemble.js, which is a great tool for image comparison and analysis, after adding the codeceptjs-resemblehelper to our project:

• SurveyJS

  surveyjs.io featured

  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.

  

• stylelint

  45 10,831 9.6 JavaScript

  A mighty CSS linter that helps you avoid errors and enforce conventions.

  

Before starting build and test, let's also make sure that our source code passes static quality control, by adding the popular linting tools (eslint for JavaScript and stylelint for CSS) at the beginning of our test tool chain:

• http-server

  62 13,330 0.0 JavaScript

  a simple zero-configuration command-line http server

  

If you don't have a localhost preview server already, you can add one using the http-server package and adding a "serve" target in package.json (see example source code below).

• ingo-steinke.de

  5 2 9.5 HTML

  www.ingo-steinke.com is a portfolio website about web developer Ingo Steinke. The site is built using HTML, CSS, JavaScript, and 11ty (eleventy). English version: www.ingo-steinke.com

You can verify, copy and paste the relevant code snippets below. I have left out some of my project's details to focus on the test setup. You can find my original source code on GitHub.

• ESLint

  382 24,310 9.7 JavaScript

  Find and fix problems in your JavaScript code.

  

Before starting build and test, let's also make sure that our source code passes static quality control, by adding the popular linting tools (eslint for JavaScript and stylelint for CSS) at the beginning of our test tool chain:

• Codeception

  12 4,742 7.4 PHP

  Full-stack testing PHP framework

  

There are enough blog posts about Jest or Cypress already, so let me introduce Codecept. It comes in two flavors. There is Codeception for PHP, and there is CodeceptJS for JavaScript which we will be using here.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project