Light

vvscode / js--nightwatch-recorder Goto Github PK

View Code? Open in Web Editor NEW

123.0 7.0 25.0 825 KB

:crescent_moon: :watch: NightwatchJs recorder for Chrome

License: GNU General Public License v2.0

JavaScript 96.06% HTML 3.32% CSS 0.62%

nightwatch nightwatch-recorder chrome selenium hacktoberfest hacktoberfest2020

js--nightwatch-recorder's Introduction

Nightwatch.js test recorder extension for Google Chrome

RUS | Based on Ressurectio

Installation

Clone repo or download and extract
Go to Chrome Tools / Extensions
Expand Developer mode
Click Load unpacked extension...
Select folder with repo
Use extension!

Usage

Click on the extension icon, optionally enter the start URL, and click Go.

Then execute your usage scenario, all the events will be recorded.

By right-clicking on the page, you might also record some assertion (about the current url, about existing text, etc., depending on clicked element).

You can request a screenshot at any moment (they will be produced everytime you run the resulting test).

You might also record some comments (click again on the extension icon, and click Add comment).

When you are done, click again on the extension icon, and click Stop recording.

Now, generate the test template script by clicking Export Nightwatch.js.

When running in Nightwatch.js, it should play your entire scenario and generate the screenshots.

Future features

Implement more mouse events, like drag & drop and mousewheel.

Credits

Author

Adapted for NightwatchJs by vvscode [email protected]
Eric BREHAULT [email protected]
Resurrectio event recorder is based on the zope.recorder tool, created by Brian Lloyd [email protected]

Contributors

js--nightwatch-recorder's People

Contributors

Stargazers

Watchers

js--nightwatch-recorder's Issues

customClick

I was just wondering the output of the recorder is customClick but that is not part of vanilla Nightwatch.js

What is behind the curtain of customClick()

Add prettier and lint-staged hooks

ERROR: the recorded sequence does not start with a url openning.

I get this error when I export NightWatcjJs code:

/*==============================================================================*/
/* Nightwatch Recorder generated Wed Oct 19 2016 23:04:04 GMT+0200 (CEST) */
/*==============================================================================*/

module.exports = {
 'test case': function(client) {
   return client
ERROR: the recorded sequence does not start with a url openning.
     .waitForElementPresent(x("//a[normalize-space(text())='What We Do']"))
     .click(x("//a[normalize-space(text())='What We Do']"))
     .waitForElementPresent(x("//a[normalize-space(text())='Read more']"))
     .click(x("//a[normalize-space(text())='Read more']"))

 }
};

Add some tests

Split files and add some tests

Reorganize files structure

Organize directory structure

Add TravisCI integration

It should check prettier --list-different and test command

Setup TravisCI integration

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.