Git Product home page Git Product logo

hackathon-applitools's Introduction

What is it?

Test automation hackathon exercise from applitools. This project contains tests written in a tradditional approach using Cypress and a visual testing alternative using applitools/eyes-cypress.

Getting Started

This section provides a high-level requirement & quick start guide.

Prerequisites

  • Nodejs
  • In order to use applitools you need a valid API_KEY -- export APPLITOOLS_API_KEY= {yourAPIKey} -- set APPLITOOLS_API_KEY= {yourAPIKey}

Standard Installation

  1. Make sure all the prerequisites are installed.
  2. Fork this repository.
  3. Clone your forked repository, ie. git clone https://github.com/<your-username>/hackathon-applitools
  4. Run npm install

Running tests

There are 4 different commands to allow you to run different tests configurations.

Running tests with cypress UI (configured to use hackatonV2 demo app)

npm run cypress

Running traditional test set from the terminal

When running traditional test specs, screenshots and video captures are available at cypress/screenshots and cypress/videos, in case a test fails.

Traditional tests on demo app V1

npm run hackatonV1-traditional

Traditional tests on demo app V2

npm run hackatonV2-traditional

Running visual test set from the terminal

Visual tests on demo app V1

npm run hackatonV1-visual

Visual tests on demo app V2

npm run hackatonV2-visual

Project structure

Cypress-Integration folder

Contains test files that were built to exercise the demo app using the traditional approach and the visual AI.

Page-objects folder

Helper functions that allow us to write easier to read tests. Functions are used by both traditional and visual test specs. Each file contains functions and checks to iterate with elements from the page in that given scope. Login-page focuses on the login form. Dashboard-page focuses on the features available once user is logged in.

hackathon-applitools's People

Contributors

zecarrera avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.