Finalisation du test MovieGender.spec.ts.

@@ -7,22 +7,27 @@ import type { Genre } from "~/interfaces/movie";
 
 
 describe("MovieGender", () => {
 describe("MovieGender", () => {
   it("affiche correctement les genres", () => {
   it("affiche correctement les genres", () => {
-    // Données de test
+    // Données de test.
     const genres: Genre[] = [
     const genres: Genre[] = [
       { id: 1, name: "Action" },
       { id: 1, name: "Action" },
       { id: 2, name: "Comédie" },
       { id: 2, name: "Comédie" },
       { id: 3, name: "Drame" },
       { id: 3, name: "Drame" },
     ];
     ];
-    // Monter le composant avec sa props
+    // Monter le composant avec sa props.
     const wrapper = mount(MovieGender, {
     const wrapper = mount(MovieGender, {
       props: {
       props: {
-        genres
-      }
+        genres,
+      },
     });
     });
+    // Vérifier que tous les genres sont affichés.
+    const spanElements = wrapper.findAll("span");
+    // spanElements.length doit être égal aux données de test (genres.length).
+    expect(spanElements.length).toBe(genres.length);
 
 
-    const spanElements = wrapper.findAll('span');
-    console.log(spanElements);
-    // expect(wrapper.text()).toContain("Hello world");
-    expect(wrapper.text());
+    // Vérifier le contenu affiché de chaque élément.
+    spanElements.forEach((spanElement, index) => {
+      // Sur chaque itération d'élément (span), vérification que le nom du genre correspondant soit bien affiché.
+      expect(spanElement.text()).toContain(genres[index].name);
+    });
   });
   });
 });
 });