Giter Club home page Giter Club logo

create-wdi5's Introduction

wdi5 Logo wdi5 quickstart

Fast lane for adding wdi5 for e2e tests to your UI5 application

Quickstart

$> cd your/ui5/app
# for JavaScript projects:
$> npm init wdi5@latest
# for TypeScript projects:
$> npm init wdi5@latest -- --ts

Or, if you are working with yarn

$> yarn create wdi5@latest
$> yarn create wdi5@latest -- --ts

Or, if you are working with pnpm

$> pnpm create wdi5@latest
$> pnpm create wdi5@latest -- --ts

Note that this quickstart command is suited as a complimentary tool to yo easy-ui5!

How it works

The initializer will…

for JavaScript for TypeScript
install wdi5 and all required WebdriverIO peer dependencies (← same)
assume that you're running the UI5 app with the ui5-tooling on port 8080 (← same)
- add a config file (wdio.conf.js) info $ui5-app/webapp/test/e2e/
- assume that your tests are in $ui5-app/webapp/test/e2e/**/* and follow the name pattern *.test.js
- add the wdi5 config file (wdio.conf.ts) and a TypeScript config file (tsconfig.json ) to $ui5-app/webapp/test/e2e/
- assume that your tests are in $ui5-app/webapp/test/e2e/**/* and follow the name pattern *.test.ts
set an npm script named "wdi5" to run wdi5
so you can immediately do npm run wdi5
(← same)

Note that this is a minimal install for running wdi5

  • locally
  • with Chrome as target browser
  • plain JavaScript as notation
  • mocha as the syntax for tests
  • spec as the output format of the test results

The wdi5 config is already prepared for

  • --headless: runs Chrome in headless mode (npm run wdi5 -- --headless)
  • --debug: extends test timeouts and auto-opens Chrome's developer tools pane (npm run wdi5 -- --debug)

Supported Options

You can pass the following optional flags to modify the quickstart of wdi5:

  • --configPath <path to config> custom path where your config file (wdio.conf.(j|t)s) should be created
  • --specs <path to specs> custom path where your specs files are located
  • --baseUrl <application url> custom url to your application

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.