1 files changed, 19 insertions, 2 deletions
diff --git a/spec/javascripts/vue_shared/components/changed_file_icon_spec.js b/spec/javascripts/vue_shared/components/changed_file_icon_spec.js
index 5b1038840c7..634ba8403d5 100644
--- a/spec/javascripts/vue_shared/components/changed_file_icon_spec.js
+++ b/spec/javascripts/vue_shared/components/changed_file_icon_spec.js
@@ -5,27 +5,40 @@ import createComponent from 'spec/helpers/vue_mount_component_helper';
 describe('Changed file icon', () => {
   let vm;
 
-  beforeEach(() => {
+  function factory(props = {}) {
     const component = Vue.extend(changedFileIcon);
 
     vm = createComponent(component, {
+      ...props,
       file: {
         tempFile: false,
         changed: true,
       },
     });
-  });
+  }
 
   afterEach(() => {
     vm.$destroy();
   });
 
+  it('centers icon', () => {
+    factory({
+      isCentered: true,
+    });
+
+    expect(vm.$el.classList).toContain('ml-auto');
+  });
+
   describe('changedIcon', () => {
     it('equals file-modified when not a temp file and has changes', () => {
+      factory();
+
       expect(vm.changedIcon).toBe('file-modified');
     });
 
     it('equals file-addition when a temp file', () => {
+      factory();
+
       vm.file.tempFile = true;
 
       expect(vm.changedIcon).toBe('file-addition');
@@ -34,10 +47,14 @@ describe('Changed file icon', () => {
 
   describe('changedIconClass', () => {
     it('includes file-modified when not a temp file', () => {
+      factory();
+
       expect(vm.changedIconClass).toContain('file-modified');
     });
 
     it('includes file-addition when a temp file', () => {
+      factory();
+
       vm.file.tempFile = true;
 
       expect(vm.changedIconClass).toContain('file-addition');