Created repository list breadcrumbs Vue app

4 files changed, 47 insertions, 0 deletions

diff --git a/spec/features/projects/files/project_owner_creates_license_file_spec.rb b/spec/features/projects/files/project_owner_creates_license_file_spec.rb
index 6762460971f..44715261b8b 100644
--- a/spec/features/projects/files/project_owner_creates_license_file_spec.rb
+++ b/spec/features/projects/files/project_owner_creates_license_file_spec.rb
@@ -5,6 +5,7 @@ describe 'Projects > Files > Project owner creates a license file', :js do
   let(:project_maintainer) { project.owner }
 
   before do
+    stub_feature_flags(vue_file_list: false)
     project.repository.delete_file(project_maintainer, 'LICENSE',
       message: 'Remove LICENSE', branch_name: 'master')
     sign_in(project_maintainer)
diff --git a/spec/features/projects/files/user_creates_files_spec.rb b/spec/features/projects/files/user_creates_files_spec.rb
index dd2964c2186..69f8bd4d319 100644
--- a/spec/features/projects/files/user_creates_files_spec.rb
+++ b/spec/features/projects/files/user_creates_files_spec.rb
@@ -12,6 +12,7 @@ describe 'Projects > Files > User creates files' do
   let(:user) { create(:user) }
 
   before do
+    stub_feature_flags(vue_file_list: false)
     stub_feature_flags(web_ide_default: false)
 
     project.add_maintainer(user)
diff --git a/spec/features/projects/show/user_sees_collaboration_links_spec.rb b/spec/features/projects/show/user_sees_collaboration_links_spec.rb
index 24777788248..46586b891e7 100644
--- a/spec/features/projects/show/user_sees_collaboration_links_spec.rb
+++ b/spec/features/projects/show/user_sees_collaboration_links_spec.rb
@@ -5,6 +5,7 @@ describe 'Projects > Show > Collaboration links' do
   let(:user) { create(:user) }
 
   before do
+    stub_feature_flags(vue_file_list: false)
     project.add_developer(user)
     sign_in(user)
   end
diff --git a/spec/frontend/repository/components/breadcrumbs_spec.js b/spec/frontend/repository/components/breadcrumbs_spec.js
new file mode 100644
index 00000000000..068fa317a87
--- /dev/null
+++ b/spec/frontend/repository/components/breadcrumbs_spec.js
@@ -0,0 +1,44 @@
+import { shallowMount, RouterLinkStub } from '@vue/test-utils';
+import Breadcrumbs from '~/repository/components/breadcrumbs.vue';
+
+let vm;
+
+function factory(currentPath) {
+  vm = shallowMount(Breadcrumbs, {
+    propsData: {
+      currentPath,
+    },
+    stubs: {
+      RouterLink: RouterLinkStub,
+    },
+  });
+}
+
+describe('Repository breadcrumbs component', () => {
+  afterEach(() => {
+    vm.destroy();
+  });
+
+  it.each`
+    path                        | linkCount
+    ${'/'}                      | ${1}
+    ${'app'}                    | ${2}
+    ${'app/assets'}             | ${3}
+    ${'app/assets/javascripts'} | ${4}
+  `('renders $linkCount links for path $path', ({ path, linkCount }) => {
+    factory(path);
+
+    expect(vm.findAll(RouterLinkStub).length).toEqual(linkCount);
+  });
+
+  it('renders last link as active', () => {
+    factory('app/assets');
+
+    expect(
+      vm
+        .findAll(RouterLinkStub)
+        .at(2)
+        .attributes('aria-current'),
+    ).toEqual('page');
+  });
+});