An open API service indexing awesome lists of open source software.

https://github.com/isabelamoraes/yugioh-e2e


https://github.com/isabelamoraes/yugioh-e2e

cypress detox e2e moti react-native reactjs styled-components test yugioh-api

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

        


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](https://ygoprodeck.com/api-guide/).

## 📃 Getting Started

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

```bash
# 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](https://www.cypress.io/) 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:

```bash
# 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](https://wix.github.io/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:

```bash
# Start the mobile application
$ yarn run:mobile

# Run the test
$ yarn run:detox

```