Replace `<i>` in vue components with `<icon>`

changelogs/unreleased/replace-i-to-icons-in-vue-components.yml

+---
+title: Replace i to icons in vue components
+merge_request: 20748
+author: George Tsiolis
+type: changed

spec/javascripts/environments/environments_app_spec.js

@@ -158,12 +158,7 @@ describe('Environment', () => {
         component.$el.querySelector('.folder-name').click();
         Vue.nextTick(() => {
-          expect(
-            component.$el.querySelector('.folder-icon i.fa-caret-right').getAttribute('style'),
-          ).toContain('display: none');
-          expect(
-            component.$el.querySelector('.folder-icon i.fa-caret-down').getAttribute('style'),
-          ).not.toContain('display: none');
+          expect(component.$el.querySelector('.folder-icon.ic-chevron-right')).toBe(null);
           done();
         });
       }, 0);
@@ -179,12 +174,7 @@ describe('Environment', () => {
           component.$el.querySelector('.folder-name').click();
           Vue.nextTick(() => {
-            expect(
-              component.$el.querySelector('.folder-icon i.fa-caret-down').getAttribute('style'),
-            ).toContain('display: none');
-            expect(
-              component.$el.querySelector('.folder-icon i.fa-caret-right').getAttribute('style'),
-            ).not.toContain('display: none');
+            expect(component.$el.querySelector('.folder-icon.ic-chevron-down')).toBe(null);
             done();
           });
         });