GithubHelp home page GithubHelp logo

heziofernandes / github-user-search-v1 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hedenica/github-user-search-v1

0.0 0.0 0.0 5.51 MB

Shell 0.38% JavaScript 0.22% TypeScript 90.25% CSS 0.53% HTML 0.60% SCSS 8.04%

github-user-search-v1's Introduction

Github User Search


Introduction

This is a basic project that search for a user on github and then returns a few of the user data and it's repositories's names and descriptions.

Table of Contents:

Demo

github-search-demo

How to get up and running

Clone or download the repo

  • yarn to install dependencies
  • yarn dev to run the project in development mode

How to commit into this repo?

  • git commit since this repo uses husky and cli commitlint, a frindly cli will appear to help you commit a clear message

How to run the tests

Unit and integration testing (Jest and RTL)

After installing the dependencies (yarn install)

  • yarn test to run all unit and integration tests

Test E2E with Cypress

  • yarn dev to run the project in development mode
  • yarn cy:open to run tests in Launchpad mode
    • Choose a testing type
    • Launch a browser
  • yarn cy:test to run tests in CLI mode

Test Report

  • In CLI mode, run: yarn cy:run a new report will be generated after running the tests.
  • Access the file at: cypress/reports/html/index.html
  • Open this file in the browser

Disclaimer

The github api is public and it has a limit of 60 request for a unauthenticated user

github-user-search-v1's People

Contributors

hedenica avatar heziofernandes avatar

github-user-search-v1's Issues

Hitting enter key after entering the user does not perform the search

Description:
After entering the user's name in the search input and clicking enter, the search is not carried out, it is necessary to click on the search button for the search to be completed, this gives the application a usability deficit

Scenario:
Open the application
Enter a term in the search field
Click enter on the keyboard

Expected:
Search completed successfully

Actual:
You must click on the search button after entering the search term.

Missing 404 implementation/ feedback to user

Description:
Routes that do not exist in the application do not return adequate feedback to the user via the UI or API response.

Scenario:
Open the application
Enter a ' <script>alert('Testing')</script>' in the search field
Click on the search button

Expected:
Message, Page does not exist, in API 404.

Actual:
Nothing is displayed

404

Call is duplicated to Api /users

Description:
After searching for a user, the get User/Repo API is called twice, in the long term we would have a performance problem making several unnecessary requests and degrading the response time and resources of the service.

Scenario:

  1. Open the application
  2. Open the network option in DevTools
  3. Search with a valid user

Expected:
The API call is made successfully once

Actual:
The call is made twice to /user and /user/repos
duplicate API call

Returns repository with incorrect layout

Description:
When searching for a specific user, the user's repository name is displayed misaligned within the page layout

Scenario:
Open the application
Type 'joaotest' in the search field
Click on the search button

Expected:
The repositories are displayed misaligned

Actual:
The name and repository are displayed correctly aligned within the page layout.

layout

Returns user without name after search

Description:
When searching for a specific user, the user's name is not displayed, and it is noted that the name attribute in the response body has a null value.

Scenario:
Open the application
Type 'jonastest' in the search field
Click on the search button

Expected:
The username and repositories are displayed

Current:
The user name is not displayed, only the name of the repositories.

username

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.