Update environments specs

app/assets/javascripts/environments/components/environment_actions.vue

@@ -61,7 +61,7 @@ export default {
       <span>
         <icon name="play" />
         <icon
-          name="angle-down"
+          name="chevron-down"
           aria-hidden="true"
         />
         <gl-loading-icon v-if="isLoading" />

app/assets/javascripts/environments/components/environment_item.vue

@@ -524,13 +524,13 @@ export default {
 
         <icon
           v-show="model.isOpen"
-          name="angle-down"
+          name="chevron-down"
           class="folder-icon"
           aria-hidden="true"
         />
         <icon
           v-show="!model.isOpen"
-          name="angle-right"
+          name="chevron-right"
           class="folder-icon"
           aria-hidden="true"
         />

app/assets/stylesheets/framework/dropdowns.scss

@@ -568,6 +568,10 @@
   top: -1px;
 }
 
+.dropdown-menu-close-icon {
+  vertical-align: middle;
+}
+
 .dropdown-menu-back {
   left: 7px;
   top: 2px;

spec/javascripts/environments/environments_app_spec.js

@@ -170,10 +170,10 @@ describe('Environment', () => {
 
         Vue.nextTick(() => {
           expect(
-            component.$el.querySelector('.folder-icon i.fa-caret-right').getAttribute('style'),
+            component.$el.querySelector('.folder-icon.ic-angle-right').getAttribute('style'),
           ).toContain('display: none');
           expect(
-            component.$el.querySelector('.folder-icon i.fa-caret-down').getAttribute('style'),
+            component.$el.querySelector('.folder-icon.ic-angle-down').getAttribute('style'),
           ).not.toContain('display: none');
           done();
         });
@@ -191,10 +191,10 @@ describe('Environment', () => {
 
           Vue.nextTick(() => {
             expect(
-              component.$el.querySelector('.folder-icon i.fa-caret-down').getAttribute('style'),
+              component.$el.querySelector('.folder-icon.ic-angle-down').getAttribute('style'),
             ).toContain('display: none');
             expect(
-              component.$el.querySelector('.folder-icon i.fa-caret-right').getAttribute('style'),
+              component.$el.querySelector('.folder-icon.ic-angle-right').getAttribute('style'),
             ).not.toContain('display: none');
             done();
           });