Sorted list of labels.

Signed-off-by: Dennis Labordus <[email protected]>

Author: Dennis Labordus

src/compas/CompasSclList.ts

@@ -98,7 +98,8 @@ export class CompasSclList extends LitElement {
             new Set(
               Array.from(xmlResponse.querySelectorAll('Label') ?? [])
                 .map(element => element.textContent)
-                .filter(value => !!value)
+                .filter(label => !!label)
+                .sort((label1, label2) => label1!.localeCompare(label2!))
             )
           ) as string[];
           this.selectedLabels = this.labels;

test/unit/compas/CompasSclList.test.ts

@@ -151,7 +151,10 @@ describe('compas-scl-list', () => {
                 .flatMap(label => label)
                 .filter(label => !!label)
                 .map(label => label!.textContent)
-                .filter(labelValue => !!labelValue) as string[]
+                .filter(labelValue => !!labelValue)
+                .sort((label1, label2) =>
+                  label1!.localeCompare(label2!)
+                ) as string[]
             )
           );
           if (labels) {

test/unit/compas/__snapshots__/CompasSclList.test.snap.js

@@ -74,29 +74,29 @@ snapshots[
       mwc-list-item=""
       selected=""
       tabindex="0"
-      value="Netherlands"
+      value="Amsterdam"
     >
-      Netherlands
+      Amsterdam
     </mwc-check-list-item>
     <mwc-check-list-item
       aria-disabled="false"
       graphic="control"
       mwc-list-item=""
       selected=""
       tabindex="-1"
-      value="Utrecht"
+      value="Netherlands"
     >
-      Utrecht
+      Netherlands
     </mwc-check-list-item>
     <mwc-check-list-item
       aria-disabled="false"
       graphic="control"
       mwc-list-item=""
       selected=""
       tabindex="-1"
-      value="Amsterdam"
+      value="Utrecht"
     >
-      Amsterdam
+      Utrecht
     </mwc-check-list-item>
   </oscd-filter-button>
 </div>