Skip to content

isabelamoraes/yugioh-e2e

Repository files navigation

Yu-Gi-Oh!

Discover the cards available in your pack

Web Application Demo Mobile Application Demo

📁 Project

This project was developed to explore the implementation of E2E automated tests in web and mobile applications through the Cypress and Detox libraries, respectively.

🔗 Yu-Gi-Oh! API

The data used in this application to generate the pack's cards are obtained through the Yu-Gi-Oh! API.

📃 Getting Started

To clone and run this application, place from your command line:

# Clone this repository
$ git clone https://github.com/isabelamoraes/yugioh-e2e.git

# Install dependencies
$ yarn

# Run the web application
$ yarn run:web

# Start the mobile application
$ yarn run:mobile

# Run the mobile application (Android)
$ yarn run:android

💻 Cypress

The Cypress was used to create E2E tests for web application as shown in the following image:

Run e2e tests with Cypress

To run the tests, first run the web application and next place from your command line:

# Go into the e2e repository
$ cd e2e

# Install dependencies
$ npm install

# Open Cypress interface and run the tests
$ npm run test:open

# Run the tests (headless mode)
$ npm run test:run

# Run the tests and generate a custom report with Mochawesome
$ npm run test:mochawesome

📱 Detox

The Detox was used to create E2E tests for mobile application as shown in the following image:

Run e2e tests with Detox

To run the tests, place from your command line:

# Start the mobile application
$ yarn run:mobile

# Run the test
$ yarn run:detox