DEV Community: Joan Esquivel

Automated Mobile Testing

Joan Esquivel — Tue, 04 Oct 2022 01:38:44 +0000

Mobile Automation

Mobile testing is the process where applications for modern mobile devices are tested for functionality, usability, performance and more.

Let me give you an overview about the most used tools in the market, and also a couple of video references where you can learn how to start your automation mobile testing jorney.

    * Appium

    * Appium Inspector

    * Webdriver.IO

    * Android Automated Testing step by step

    * IOS Automated Testing step by step

Appium

Appium is an open source test automation framework for use with native, hybrid and mobile web apps.

Appium aims to automate any mobile app from any language and any test framework, with full access to back-end APIs and DBs from test code. Write tests with your favorite dev tools using all the above programming languages, and probably more (with the Selenium WebDriver API and language-specific client libraries).

Check More about Appium

Appium Inspector

A GUI inspector for mobile apps and more, powered by a (separately installed) Appium server. When you're using it to inspect a mobile app, it looks like this:

Appium Inspector is basically just an Appium client (like WebdriverIO, Appium's Java client, Appium's Python client, etc...) with a user interface. There's an interface for specifying which Appium server to use, which capabilities to set, and then interacting with elements and other Appium commands once you've started a session.

Check More about Appium Inspector

Webdriver.io Framework

WebdriverIO is a progressive automation framework built to automate modern web and mobile applications. It simplifies the interaction with your app and provides a set of plugins that help you create a scalable, robust and stable test suite.

It is designed to be:

Extendable - Adding helper functions, or more complicated sets and combinations of existing commands is simple and really useful
Compatible - WebdriverIO can be run on the WebDriver Protocol for true cross-browser testing as well as Chrome DevTools Protocol for Chromium based automation using Puppeteer.
Feature Rich - The huge variety of built-in and community plugins allows you to easily integrate and extend your setup to fulfill your requirements.

You can use WebdriverIO to automate:

🌐 modern web applications written in React, Vue, Angular, Svelte or other frontend frameworks
📱 hybrid or native mobile applications running in an emulator/simulator or on a real device
💻 native desktop applications (e.g. written with Electron.js)

Check More about WebDriver.IO

Android Automated Testing step by step

In the following video you are going to learn how to setup Appium + WDIO to automate your very first test script for an Android Application using a simulator.

IOS Automated Testing step by step

In the following video you are going to learn how to setup Appium + WDIO to automate your very first test script for an IOS Application using a simulator.

Hope you find this article useful!

Joan.

Cypress 10+ & Cucumber

Joan Esquivel — Mon, 01 Aug 2022 08:32:47 +0000

I see people having headaches trying to integrate Cypress and Cucumber. So, I decided to create a couple of videos to explain how to integrate both of them, and how to get a BDD report at the end of the execution.

1- Install the right cucumber dependency
As you can see in the following video, I'll be using the cypress-cucumber-preprocessor dependency, which is the best option available in the market right now.

2- Generate HTML reports with a simple add-on
You'll need to download a json formatter as I explain in the video. Also, some extra configurations in the cucumber config file. Check it out:

If you want to clone the repo, just access it here: Cucumber-Boilerplate-Project

Cypress 10+ & Mochawesome Reporter

Joan Esquivel — Mon, 01 Aug 2022 08:18:01 +0000

There are different report solutions for Cypress E2E tests using Javascript or Typescript. However, there is a library that print the results in an styled HTML with emmbeded screenshots, that provides a lot of insights when you need to check the test results.

The choosen one is cypress-mochawesome-reporter and let's explore the installation steps:

Install Node JS in your computer depending your operating system.
Have a Cypress project already setup with Javascript or Typescript. Check how to install Cypress 10+

3- Install the library using the command: npm i --save-dev cypress-mochawesome-reporter

4- Edit the configuration file 'cypress.config.js' or 'cypress.config.ts' with the properties:

reporter: 'cypress-mochawesome-reporter'
e2e: { setupNodeEvents(on, config) { require('cypress-mochawesome-reporter/plugin')(on); },

5- Add the following line to the "cypress/support/e2e.js/ts" configuration file: import 'cypress-mochawesome-reporter/register';

*If you need a visual example just check the following video: *

See you soon!