MNG-15 Add API urls, start tests and function for pokemons.js

.env

@@ -1,2 +1,2 @@
-POKEMON_API_BASE_URL =
+POKEMON_API_BASE_URL = "https://pokeapi.co/api/v2"
 QUIZ_MAX_TIME_SECONDS = 120

src/api/pokemon.spec.js

@@ -0,0 +1,50 @@
+import {
+    getPokemonById,
+    getTypeById
+} from "./pokemons.js";
+
+describe('Test pokemon API to get pokemon', () => {
+
+    it("Given pokemon id is 1 when asking for data, should get id, photoUrl, types, name of the pokemon", async () => {
+        //given
+        const pokemonId = 1;
+
+        //when
+        const pokeData = await getPokemonById(pokemonId)
+
+        //then
+        expect(pokeData).toEqual({
+            id: 1,
+            name: "bulbasaur",
+            photoUrl: "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/official-artwork/1.png",
+            types: [{
+                    id: 12,
+                    type: "grass"
+                },
+                {
+                    id: 4,
+                    type: "poison"
+                }
+            ]
+        });
+    })
+});
+
+
+describe("Test pokemon API to get pokemon types", () => {
+
+    it("Given the type id is 12 when asking for pokemon data, should return id and name of the type", async () => {
+        //given
+        const typeId = 12;
+
+        //when
+        const typeData = await getTypeById(typeId)
+
+        //then
+        expect(typeData).toEqual({
+                id: 12,
+                name: "grass"
+            }
+        );
+    })
+})

src/api/pokemons.js

@@ -0,0 +1,40 @@
+import fetch from "cross-fetch"
+
+const POKEMON_API_BASE_URL = process.env.POKEMON_API_BASE_URL || "https://pokeapi.co/api/v2";
+
+export async function getPokemonById(id) {
+    const getTypeIdFromUrl = (url) => {
+        const regex = /\/type\/(\d+)\/$/;
+        return Number(regex.exec(url)[1])
+    };
+
+    const parseType = (type) => {
+        return {
+            id: getTypeIdFromUrl(type.type.url),
+            type: type.type.name
+        }
+    };
+
+    const res = await fetch(`${POKEMON_API_BASE_URL}/pokemon/${id}`);
+    const jsonRes = await res.json();
+
+    return {
+        id: jsonRes.id,
+        name: jsonRes.name,
+        types: jsonRes.types.map(parseType),
+        photoUrl: jsonRes.sprites.other["official-artwork"].front_default
+    }
+};
+
+export async function getTypeById(id) {
+    const res = await fetch(`${POKEMON_API_BASE_URL}/type/${id}`);
+    const jsonRes = await res.json();
+    const {
+        id: typeId,
+        name: typeName
+    } = jsonRes;
+    return {
+        id: typeId,
+        name: typeName
+    }
+}

src/index.js

@@ -2,7 +2,7 @@ import 'regenerator-runtime/runtime' //async/await with Parcel
 import {App} from "./app/App";
 
 const ONE_SECOND_MILLIS = 1000;
-const POKEMON_API_BASE_URL = process.env.POKEMON_API_BASE_URL || "https://swapi.dev/api";
+const POKEMON_API_BASE_URL = process.env.POKEMON_API_BASE_URL || "https://pokeapi.co/api/v2";
 const QUIZ_MAX_TIME = process.env.QUIZ_MAX_TIME_SECONDS ? process.env.QUIZ_MAX_TIME_SECONDS * ONE_SECOND_MILLIS : 120 * ONE_SECOND_MILLIS;
 
 window.onload = () => App({options: {pokemonApiBaseUrl: POKEMON_API_BASE_URL, quizMaxTime: QUIZ_MAX_TIME}})