Repo with a project structure using TS + Appium + WebdriverIO

Overview

Structure for mobile ui tests using ts + appium + webdriverio

Para acessar a versΓ£o em PortuguΓͺs do Brasil, basta clicar aqui! πŸ‡§πŸ‡·

This structure is possible to run UI tests for native apps (Android + iOS) using Appium + WebdriverIO.

Technologies and tools used:

File Structure

πŸ“¦ TS-APPIUM-WEBDRIVERIO-STRUCTURE
┣ πŸ“‚ apps
┃ ┣ πŸ“‚ android
┃ ┃ β”— πŸ“œ app-android-calculator.apk
┃ β”— πŸ“‚ ios
┃ ┃ β”— πŸ“œ SimpleCalculator.app
┣ πŸ“‚ config
┃ ┣ πŸ“œ wdio.android.app.conf.ts
┃ ┣ πŸ“œ wdio.ios.app.conf.ts
┃ ┣ πŸ“œ wdio.shared.conf.ts
┃ β”— πŸ“œ wdio.shared.local.appium.conf.ts
┣ πŸ“‚ tests
┃ ┣ πŸ“‚ helpers
┃ ┃ ┣ πŸ“œ Biometrics.ts
┃ ┃ ┣ πŸ“œ Constants.ts
┃ ┃ ┣ πŸ“œ Gestures.ts
┃ ┃ ┣ πŸ“œ Utils.ts
┃ ┃ β”— πŸ“œ WebView.ts
┃ ┣ πŸ“‚ screenobjects
┃ ┃ ┣ πŸ“‚ CalculatorScreen
┃ ┃ ┃ ┣ πŸ“œ CalculatorScreen.ts
┃ ┃ ┃ ┣ πŸ“œ calculator.android.elements.json
┃ ┃ ┃ β”— πŸ“œ calculator.ios.elements.json
┃ ┃ β”— πŸ“œ AppScreen.ts
┃ β”— πŸ“‚ specs
┃ ┃ β”— πŸ“œ app.calculator.spec.ts
┣ πŸ“œ .editorconfig
┣ πŸ“œ .eslintrc.json
┣ πŸ“œ .gitignore
┣ πŸ“œ LICENSE
┣ πŸ“œ README-pt_BR.md
┣ πŸ“œ README.md
┣ πŸ“œ appium.log
┣ πŸ“œ babel.config.js
┣ πŸ“œ package-lock.json
┣ πŸ“œ package.json
β”— πŸ“œ tsconfig.json

Install and run

  • Clone project git clone https://github.com/maximilianoalves/ts-appium-webdriverio-structure.git
  • Run npm install
  • Install Appium on a local machine or if you already had appium installed run npm link appium
  • Set variables Android and iOS on a local machine
  • Open and config Android and iOS simulators
  • Run tests using npm run android.app, npm run ios.app or npm run full
  • Open report: npm run report

Doubts or improvements !? contact me:

Twitter Medium Linkedin Instagram Facebook

You might also like...

Validate directory structure and file contents with an extension of JSON schema.

directory-schema-validator Description Validate directory structure and file contents with an extension of JSON schema. Install Install using NPM or s

Nov 1, 2022

πŸ’…β€A ready-to-go with a well-thought-out structure Electron app boilerplate with ReactJS, TypeScript, CSS / SASS modules, SWC, Eslint, Prettier, GitHub Action releases and more.

πŸ’…β€A ready-to-go with a well-thought-out structure Electron app boilerplate with ReactJS, TypeScript, CSS / SASS modules, SWC, Eslint, Prettier, GitHub Action releases and more.

Electron App πŸ’…  A ready-to-go with a well-thought-out structure Electron app boilerplate with ReactJS, TypeScript, CSS / SASS modules, SWC, Eslint, P

Dec 29, 2022

The Remix Stack for deploying to Vercel with testing, linting, formatting, structure and mock for 3rd party API integration.

The Remix Stack for deploying to Vercel with testing, linting, formatting, structure and mock for 3rd party API integration.

Remix DnB Stack See it live: https://dnb-stack.vercel.app/ Learn more about Remix Stacks. npx create-remix --template robipop22/dnb-stack What's in th

Dec 13, 2022

Opinionated file structure manager.

Opinionated file structure manager.

Obsidian Bellboy Bellboy is built to be an opinionated file structure manager for Obsidian. Aiming keeping a clean and readable knowledge management f

Nov 16, 2022

A quickstart AWS Lambda function code generator. Downloads a template function code file, test harness file, sample SAM deffiniation and appropriate file structure.

Welcome to function-stencil πŸ‘‹ A quickstart AWS Lambda function code generator. Downloads a template function code file, test harness file, sample SAM

Jun 20, 2022

πŸ—οΈ Figma Plugin for speeding up and ensure consistency in the structure of your Figma projects

πŸ—οΈ Figma Plugin for speeding up and ensure consistency in the structure of your Figma projects

πŸ—οΈ Codely Structurer Figma Plugin Figma Plugin for speeding up and ensure consistency in the structure of your Figma projects Stars are welcome 😊 πŸ‘€

Dec 14, 2022

Generate the VitePress sidebar through the folder structure

Generate the VitePress sidebar through the folder structure

⚑ VitePress Plugin: Auto Sidebar Generate the VitePress sidebar through the folder structure. ✨ Release Notes Features Small library TypeScript Suppor

Dec 28, 2022

TODA files: an open source cryptographic asset structure

TODA Cryptographic Asset System TODA is a system for creating digital assets, based on a unique crypographic distributed data structure and supporting

Dec 12, 2022

This is a jquery ui sortable helper plugin for handy tree type structure sotable.

This is a jquery ui sortable helper plugin for handy tree type structure sotable.

Tree Sortable A drag and drop list item sorting and level changing library. Motivation The jQuery-ui's sortable plugin allows us to sort items vertica

Dec 23, 2022
Owner
Maximiliano Alves
QA Lead, Software automation lover, musician and in love with automation for mobile projects.
Maximiliano Alves
Running webdriverio in docker containers so you can easily add tests to your CI.

WebDriverIO tests in Docker Running WebdriverIO tests in a docker container allows you to easily add tests to your CI. About This project uses the aut

Promenade 6 Dec 3, 2022
Generate WebdriverIO Tests from Google Chrome DevTools Recordings.

WebdriverIO Chrome Recorder This repo provide tools to convert JSON user flows from Google Chrome DevTools Recorder to WebdriverIO test scripts progra

WebdriverIO 10 Sep 28, 2022
This repo contains the templates used in my automated obsidian weekly review video and also an accompanying vault with the folder structure expected and plugins

This repo contains the templates used in my automated obsidian weekly review video and also an accompanying vault with the folder structure expected and plugins (periodic note settings etc)

Pamela Wang 53 Dec 21, 2022
NoExGen is a node.js express application generator with modern folder structure, namespace/project mapping and much more! It contains preconfigured Settings and Routing files, ready to be used in any project.

Installation $ npm install -g noexgen Quick Start You can use Node Package Execution to create your node-express application as shown below: Create th

Souvik Sen 7 Oct 8, 2022
This is email scheduler made using MERN. This repo contains server code, client repo is linked in readme.

Email Scheduler Client This is an email scheduler server (client in different repository). It is made using node.js/express.js. Overview User can sign

Sai Charan 2 Dec 3, 2022
The project focused on creating To do list structure for organising the daily completed or non-completed activities.

Project to build a simple HTML list of To Do tasks. The list will be styled according to the specifications given by Microverse This simple web page will be built using webpack and served by a webpack dev server.

NTIHINDUKA ALPHA 5 May 20, 2022
Flipkart Clone using MERN Stack with proper File Structure and also follow MVC architecture. You can view live app.

Flipkart Clone MERN APP Dhaval Patel's Flipkart Clone is done with top-notch features for the entrepreneur startups like Flipkart. It has strong authe

Dhaval Patel 50 Dec 29, 2022
Set up and build a Node.js REST API using Typescript, Express, Mongoose with a maintainable and scalable structure.

Introduction Create a maintainable and scalable Node.js REST API with TypeScript, Express and Mongoose. The project structure is based on MVC and foll

Adam Khomsi 16 Nov 18, 2022
This project is based on the Awesome Books app repo, refactored with ES6 and organized with modules. The purpose of this project is to learn functionality organization using JavaScript modules.

Awesome Books with ES6 and modules A basic app project built with HTML, CSS and JS ES6 to keep track of awesome books. Built With HTML/CSS and JS best

Karla Delgado 10 Aug 27, 2022
A javascript standard data structure library which benchmark against C++ STL.

js-sdsl A javascript standard data structure library which benchmark against C++ STL. Note Note that our official version starts from 2.0.0. In order

Zilong Yao 5 Dec 10, 2022