End to End Testing for Asos.com using TestCafe in Under 30 minutes

In this article we will show how to create End to End (E2E) UI tests for the e-commerce ASOS for 3 of their markets (UK, IT, DE) in less than 30 minutes.

Why use TestCafe for running tests?

For creating the tests we will be using the TestCafe framework. TestCafe is an open source framework that was migrated from a commercial product.

Here are some of the advantages of TestCafe over WebDriver based frameworks:

  • less moving parts and no problem with the webdriver to browser compatibility as TestCafe does not use webdriver
  • the tests run much faster
  • the error message that we get when a test fails provide the exact reason of the fail unlike the webdriver based frameworks which provide an useless error message
  • implementing the tests is very easy once the boiler plate is all set up so the ROI is very high
  • the framework is Javascript based which makes it very easy to use by the front end developers

How to create the framework and run tests against the ecommerce platform?

See more details




The project is located at:

(this is just a demo project for learning purposes, we are no NOT affiliated with, funded, or in any way associated with ASOS brand):




https://github.com/loadfocusapp/asos-testcafe-e2e

Please clone the repository:




git clone https://github.com/loadfocusapp/asos-testcafe-e2e

Run the tests against asos.com, asos.de and asos.com/it websites.

For running the tests please go into the directory where you cloned the repository and run:

In order to run the tests you need to have NPM install on your machine, find here how to install NPM.

In this demo we use: Node v8.9.4 and NPM v5.6.0.


npm i
ENV=AsosCom npm run e2e:firefox
ENV=AsosDe npm run e2e:chrome
ENV=AsosIt npm run e2e:safari

Let us know if you need help setting this up for your own web application.

 

LoadFocus – is a easy to use cloud testing tool, and you don’t need any setup, it runs from the browser. It helps you understand better your Website’s and WebServices’ performance and find potential bottleneck before your customers do. Run a free website speed test today.

LoadFocus offers test automation services to small and medium clients.

How fast is your website? Free Website Speed Test


Start Test