sort topics and criteria on error details (#389)

* sort topics and criteria on error details

* update changelog

Author: hissalht

CHANGELOG.md

@@ -7,6 +7,7 @@ Tous les changements notables de Ara sont documentés ici avec leur date, leur c
 ### Correction 🐛
 
 - Corrige une erreur qui survenait lorsqu'un champ de formulaire de type URL contenait un espace ([#386](https://github.com/DISIC/Ara/pull/386))
+- Corrige l'ordre des erreurs dans l'onglet "Détail des résultats" du rapport d'audit ([#389](https://github.com/DISIC/Ara/pull/389))
 
 ## Autres changements ⚙️
 

confiture-web-app/src/components/ReportErrors.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { chunk, groupBy, mapValues, uniqWith } from "lodash-es";
+import { chunk, groupBy, mapValues, sortBy, uniqWith } from "lodash-es";
 import { marked } from "marked";
 import { computed, ref } from "vue";
 import { useRouter } from "vue-router";
@@ -45,14 +45,20 @@ const errors = computed(() => {
           pageId: Number(pageId),
           pageName: getPage(Number(pageId)).name,
           pageUrl: getPage(Number(pageId)).url,
-          topics: Object.values(
-            mapValues(groupBy(results, "topic"), (results, topicNumber) => {
-              return {
-                topic: topicNumber,
-                name: getTopicName(Number(topicNumber)),
-                errors: results.filter((r) => !r.transverse),
-              };
-            })
+          topics: sortBy(
+            Object.values(
+              mapValues(groupBy(results, "topic"), (results, topicNumber) => {
+                return {
+                  topic: topicNumber,
+                  name: getTopicName(Number(topicNumber)),
+                  errors: sortBy(
+                    results.filter((r) => !r.transverse),
+                    "criterium"
+                  ),
+                };
+              })
+            ),
+            "topic"
           ),
         };
       }