test: tests unitaires des fonctions de filtrage

filter.test.js

+const { filterByWeight, filterByHeight } = require('./script.js')
+
+test('filtre les pokémons dont le poids est supérieur à 3kg', () => {
+    const pokemons = [
+        { name: 'Bulbasaur', weight: 6.9, height: 0.7 },
+        { name: 'ivysaur', weight: 13, height: 1 },
+        { name: 'venusaur', weight: 100, height: 2 },
+        { name: 'Charmander', weight: 2, height: 0.6 },
+    ];
+
+    const result = filterByWeight(pokemons);
+    expect(result).toEqual([
+        { name: 'Bulbasaur', weight: 6.9, height: 0.7 },
+        { name: 'ivysaur', weight: 13, height: 1 },
+        { name: 'venusaur', weight: 100, height: 2 },
+    ]);
+});
+
+test('filtre les pokémons dont la taille est inférieure à 1m', () => {
+    const pokemons = [
+        { name: 'Bulbasaur', weight: 6.9, height: 0.7 },
+        { name: 'ivysaur', weight: 13, height: 1 },
+        { name: 'venusaur', weight: 100, height: 2 },
+        { name: 'Charmander', weight: 2, height: 0.6 },
+    ];
+
+    const result = filterByHeight(pokemons);
+    expect(result).toEqual([
+        { name: 'Bulbasaur', weight: 6.9, height: 0.7 },
+        { name: 'Charmander', weight: 2, height: 0.6 },
+    ]);
+});
\ No newline at end of file

gui.js

+
+function fetchPokemonList(callback, limit = 20) {
+    const baseApiUrl = "https://pokeapi.co/api/v2/pokemon";
+    const url = baseApiUrl + "?limit=" + limit;
+    const request = async () => {
+        const response = await fetch(url);
+        const json = await response.json();
+        let promisesArray = json["results"].map(result => {
+            return fetch(result.url).then(response => response.json());
+        });
+        return Promise.all(promisesArray);
+    };
+    request().then((data) => {
+        let pokemons = [];
+        for (let i = 0; i < data.length; ++i) {
+            pokemons.push({
+                "name": data[i].name,
+                "weight": data[i].weight / 10, // Convert to kg
+                "height": data[i].height / 10  // Convert to m
+            });
+        }
+        callback(pokemons);
+    });
+}
+
+
+function displayPokemons(list) {
+    const container = document.getElementById("pokemon-list");
+    container.innerHTML = "";
+    list.forEach(pokemon => {
+        const div = document.createElement("li");
+        div.textContent = `${pokemon.name} - ${pokemon.weight}kg - ${pokemon.height}m`;
+        container.appendChild(div);
+    });
+}
+
+
+fetchPokemonList((pokemons) => {
+    displayPokemons(pokemons);
+});
+
+function filterByWeight(pokemons) {
+    return pokemons.filter(pokemon => pokemon.weight > 3);
+}
+
+function filterByHeight(pokemons) {
+    return pokemons.filter(pokemon => pokemon.height < 1);
+}
+
+document.getElementById("all").addEventListener("click", () => fetchPokemonList(displayPokemons));
+
+document.getElementById("weight").addEventListener("click", () => fetchPokemonList((pokemons) => {
+    displayPokemons(filterByWeight(pokemons));
+}));
+
+document.getElementById("height").addEventListener("click", () => fetchPokemonList((pokemons) => {
+    displayPokemons(filterByHeight(pokemons));
+}));

index.html

@@ -12,6 +12,6 @@
     <button id="weight">+ de 3kg</button>
     <button id="height">- de 1m</button>
     <ul id="pokemon-list"></ul>
-    <script src="script.js"></script>
+    <script src="gui.js"></script>
 </body>
 </html>
\ No newline at end of file

package.json

+{
+  "devDependencies": {
+    "jest": "^29.7.0"
+  },
+  "scripts": {
+    "test": "jest"
+  }
+}
+
+
+
+

pokemonprovider.js

+function fetchPokemonList(callback, limit = 20) {
+    const baseApiUrl = "https://pokeapi.co/api/v2/pokemon";
+    const url = baseApiUrl + "?limit=" + limit;
+    const request = async () => {
+        const response = await fetch(url);
+        const json = await response.json();
+        let promisesArray = json["results"].map(result => {
+            return fetch(result.url).then(response => response.json());
+        });
+        return Promise.all(promisesArray);
+    };
+    request().then((data) => {
+        let pokemons = [];
+        for (let i = 0; i < data.length; ++i) {
+            pokemons.push({
+                "name": data[i].name,
+                "weight": data[i].weight / 10, // Convert to kg
+                "height": data[i].height / 10  // Convert to m
+            });
+        }
+        callback(pokemons);
+    });
+}
+
+
+function displayPokemons(list) {
+    const container = document.getElementById("pokemon-list");
+    container.innerHTML = "";
+    list.forEach(pokemon => {
+        const div = document.createElement("li");
+        div.textContent = `${pokemon.name} - ${pokemon.weight}kg - ${pokemon.height}m`;
+        container.appendChild(div);
+    });
+}
+
+
+exports.fetchPokemonList = fetchPokemonList;
+exports.displayPokemons = displayPokemons;

script.js

-// Récupérer les Pokémon via l'API
-function fetchPokemonList(callback, limit = 20) {
-    const baseApiUrl = "https://pokeapi.co/api/v2/pokemon";
-    const url = baseApiUrl + "?limit=" + limit;
-    const request = async () => {
-        const response = await fetch(url);
-        const json = await response.json();
-        let promisesArray = json["results"].map(result => {
-            return fetch(result.url).then(response => response.json());
-        });
-        return Promise.all(promisesArray);
-    };
-    request().then((data) => {
-        let pokemons = [];
-        for (let i = 0; i < data.length; ++i) {
-            pokemons.push({
-                "name": data[i].name,
-                "weight": data[i].weight / 10, // Convert to kg
-                "height": data[i].height / 10  // Convert to m
-            });
-        }
-        callback(pokemons);
-    });
-}
-
-function displayPokemons(list) {
-    const container = document.getElementById("pokemon-list");
-    container.innerHTML = "";
-    list.forEach(pokemon => {
-        const div = document.createElement("li");
-        div.textContent = `${pokemon.name} - ${pokemon.weight}kg - ${pokemon.height}m`;
-        container.appendChild(div);
-    });
-}
 
-fetchPokemonList((pokemons) => {
-    displayPokemons(pokemons);
-});
+// Fonctions de filtrage
 
-//Fonctions de filtrage
 function filterByWeight(pokemons) {
     return pokemons.filter(pokemon => pokemon.weight > 3);
 }
+
 function filterByHeight(pokemons) {
     return pokemons.filter(pokemon => pokemon.height < 1);
 }
 
-// Filtrage
-document.getElementById("all").addEventListener("click", () => fetchPokemonList((pokemons) => {
-    displayPokemons(pokemons);
+exports.filterByWeight = filterByWeight;
+exports.filterByHeight = filterByHeight;
\ No newline at end of file
-}));
-
-document.getElementById("weight").addEventListener("click", () => {
-    fetchPokemonList((pokemons) => {
-        displayPokemons(filterByWeight(pokemons));}
-    );
-});
-
-document.getElementById("height").addEventListener("click", () => {
-    fetchPokemonList((pokemons) => {
-        displayPokemons(filterByHeight(pokemons));
-    });
-});
-