From 97f32452c178b6125f224fae713440068c19510d Mon Sep 17 00:00:00 2001
From: Antoine Vendeville <Tlahey@users.noreply.github.com>
Date: Mon, 12 Feb 2024 17:32:29 +0100
Subject: [PATCH] feat(`@vtmn/svelte`): add property for ol attributes
 `VtmnBreadcrumb` (#1481)

---
 .../navigation/VtmnBreadcrumb/VtmnBreadcrumb.svelte      | 8 +++++++-
 .../VtmnBreadcrumb/test/VtmnBreadcrumb.spec.js           | 9 +++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/sources/svelte/src/components/navigation/VtmnBreadcrumb/VtmnBreadcrumb.svelte b/packages/sources/svelte/src/components/navigation/VtmnBreadcrumb/VtmnBreadcrumb.svelte
index 8443de26c..3e9a2e55f 100644
--- a/packages/sources/svelte/src/components/navigation/VtmnBreadcrumb/VtmnBreadcrumb.svelte
+++ b/packages/sources/svelte/src/components/navigation/VtmnBreadcrumb/VtmnBreadcrumb.svelte
@@ -8,11 +8,17 @@
    */
   export let className = undefined;
 
+  /**
+   * Properties applied on the `ol` node
+   * @type {object}
+   */
+  export let orderedListAttributes = {};
+
   $: componentClass = cn('vtmn-breadcrumb', className);
 </script>
 
 <nav class={componentClass} {...$$restProps}>
-  <ol>
+  <ol {...orderedListAttributes}>
     <slot />
   </ol>
 </nav>
diff --git a/packages/sources/svelte/src/components/navigation/VtmnBreadcrumb/test/VtmnBreadcrumb.spec.js b/packages/sources/svelte/src/components/navigation/VtmnBreadcrumb/test/VtmnBreadcrumb.spec.js
index 856fc4209..4a6d2c914 100644
--- a/packages/sources/svelte/src/components/navigation/VtmnBreadcrumb/test/VtmnBreadcrumb.spec.js
+++ b/packages/sources/svelte/src/components/navigation/VtmnBreadcrumb/test/VtmnBreadcrumb.spec.js
@@ -16,6 +16,15 @@ describe('VtmnBreadcrumbWithSlot', () => {
     expect(container.querySelector('ol').children.length).toEqual(3);
   });
 
+  test('Should apply property on the ol node', () => {
+    const { getByTestId } = render(VtmnBreadcrumbWithSlot, {
+      orderedListAttributes: {
+        'data-testid': 'foo',
+      },
+    });
+    expect(getByTestId('foo')).toBeVisible();
+  });
+
   test('Should apply a custom class on the breadcrumb', () => {
     const { container } = render(VtmnBreadcrumbWithSlot, {
       class: 'custom-class',