Refactor artifact spec

Spec now searches for GlLinks
and I added another mock artifact
to props data.

app/assets/javascripts/pipelines/components/pipelines_artifacts.vue

@@ -33,7 +33,7 @@ export default {
       <i class="fa fa-caret-down" aria-hidden="true"></i>
     </button>
     <ul class="dropdown-menu dropdown-menu-right">
-      <li v-for="(artifact, i) in artifacts" :key="i" data-testid="artifact">
+      <li v-for="(artifact, i) in artifacts" :key="i">
         <gl-link :href="artifact.path" rel="nofollow" download
           >Download {{ artifact.name }} artifacts</gl-link
         >

spec/frontend/pipelines/pipelines_artifacts_spec.js

@@ -13,12 +13,17 @@ describe('Pipelines Artifacts dropdown', () => {
             name: 'artifact',
             path: '/download/path',
           },
+          {
+            name: 'artifact two',
+            path: '/download/path-two',
+          },
         ],
       },
     });
   };
 
   const findGlLink = () => wrapper.find(GlLink);
+  const findAllGlLinks = () => wrapper.find('.dropdown-menu').findAll(GlLink);
 
   beforeEach(() => {
     createComponent();
@@ -29,8 +34,8 @@ describe('Pipelines Artifacts dropdown', () => {
     wrapper = null;
   });
 
-  it('should render a dropdown with the provided artifacts', () => {
-    expect(wrapper.findAll('[data-testid="artifact"]')).toHaveLength(1);
+  it('should render a dropdown with all the provided artifacts', () => {
+    expect(findAllGlLinks()).toHaveLength(2);
   });
 
   it('should render a link with the provided path', () => {