Merge branch '1164-toc-awesome' into 'main'

Replace FontAwesome icons in mobile nav

Closes #1164

See merge request gitlab-org/gitlab-docs!2822

2 files changed, 15 insertions, 8 deletions

diff --git a/spec/frontend/default/components/__snapshots__/table_of_contents_spec.js.snap b/spec/frontend/default/components/__snapshots__/table_of_contents_spec.js.snap
index 4763abef..4677a1ba 100644
--- a/spec/frontend/default/components/__snapshots__/table_of_contents_spec.js.snap
+++ b/spec/frontend/default/components/__snapshots__/table_of_contents_spec.js.snap
@@ -17,12 +17,17 @@ exports[`frontend/default/components/table_of_contents matches snapshot 1`] = `
         href="#"
         role="button"
       >
-        <i
-          class="fa d-flex align-items-center justify-content-center mr-1 gl-w-3 fa-angle-right"
-          role="presentation"
-        />
-        
-        On this page
+        <svg
+          aria-hidden="true"
+          class="gl-pt-2 gl-mr-2 s18 gl-icon s16"
+          data-testid="chevron-right-icon"
+          role="img"
+        >
+          <use
+            href="[object Object]#chevron-right"
+          />
+        </svg>
+         On this page
       
       </a>
     </h4>
diff --git a/spec/frontend/default/components/table_of_contents_spec.js b/spec/frontend/default/components/table_of_contents_spec.js
index 86f14d1b..81718d7a 100644
--- a/spec/frontend/default/components/table_of_contents_spec.js
+++ b/spec/frontend/default/components/table_of_contents_spec.js
@@ -35,7 +35,7 @@ describe('frontend/default/components/table_of_contents', () => {
   };
 
   const findCollapseButton = () => wrapper.find('[data-testid="collapse"]');
-  const findCollapseIcon = () => findCollapseButton().find('i');
+  const findCollapseIcon = () => findCollapseButton().find('svg');
   const findCollapsibleContainer = () => wrapper.find('[data-testid="container"]');
   const findMainList = () => wrapper.find('[data-testid="main-list"]');
   const findMainListItems = () => findMainList().props('items');
@@ -44,7 +44,9 @@ describe('frontend/default/components/table_of_contents', () => {
   const expectCollapsed = (isCollapsed = true) => {
     expect(findCollapseButton().attributes('aria-expanded')).toBe(isCollapsed ? undefined : 'true');
     expect(findCollapsibleContainer().props('isCollapsed')).toBe(isCollapsed);
-    expect(findCollapseIcon().classes(isCollapsed ? 'fa-angle-right' : 'fa-angle-down')).toBe(true);
+    expect(findCollapseIcon().attributes('data-testid')).toBe(
+      isCollapsed ? 'chevron-right-icon' : 'chevron-down-icon',
+    );
   };
 
   it('matches snapshot', () => {