Coder Social home page Coder Social logo

josdem / playwright-applitools Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 367 KB

Playwright Applitools integration workshop

Home Page: https://josdem.io/techtalk/ux/playwright_applitools_integration/

License: Apache License 2.0

JavaScript 0.14% HTML 99.26% TypeScript 0.59%
applitools javascript nodejs playwright prettier

playwright-applitools's Introduction

Playwright Workshop

code style: prettier Playwright

This is a getting started project with Playwright

Requirements

Note: I recommed to use NVM to manage NodeJS versions

To build the project

npm install

To format the project

npx prettier --write .

To run lint validation

npm run lint

To run the project

npx playwright test --project chromium

To see integrated reports

npx playwright show-report

Setting up environment

export APPLITOOLS_API_KEY=${YOUR_APPLITOOLS_API_KEY}

where:

  • ${YOUR_APPLITOOLS_API_KEY} is something like: Ag4hfEVDIMykuCpWk61ppg3VJ9fkK0uht100HXnvGPlag220 (Check with your service provider if you do not have it)

Note

If you are using Windows based platform:

$Env:APPLITOOLS_API_KEY="YOUR_APPLITOOLS_API_KEY"

where:

  • ${apiKey} Is your Applitools api key

playwright-applitools's People

Contributors

josdem avatar

Stargazers

 avatar

Watchers

 avatar  avatar

playwright-applitools's Issues

Add eslint with Typescript

As a user, I want to add ESLint to this project so that I can validate Typescript good practices

Acceptance Criteria

  • Add ESLint configuration
  • I am able to validate Typescript good practices

Convert project to Typescript

As a user, I want to write this project to Typescript so that I can get familiar with syntax

Acceptance Criteria

  • I am able to see Typescript in the project
  • I am able to run test cases

Add a run tests workflow to the project

As a user, I want to create a workflow so that I can execute test cases and publish results to Applitools

Acceptance Criteria

  • I am able to run a workflow from GitHub actions
  • Documentation is updated with workflow

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.