Enhance redesigned app specs

app/assets/javascripts/security_configuration/components/redesigned_app.vue

@@ -47,7 +47,11 @@ export default {
         <div class="row">
           <div class="col-lg-5">
             <h2 class="gl-font-size-h2 gl-mt-0">{{ $options.i18n.securityTesting }}</h2>
-            <p v-if="latestPipelinePath" class="gl-line-height-20">
+            <p
+              v-if="latestPipelinePath"
+              data-testid="latest-pipeline-info"
+              class="gl-line-height-20"
+            >
               <gl-sprintf :message="$options.i18n.securityTestingDescription">
                 <template #link="{ content }">
                   <gl-link :href="latestPipelinePath">{{ content }}</gl-link>

spec/frontend/security_configuration/components/redesigned_app_spec.js

@@ -74,5 +74,28 @@ describe('NewApp component', () => {
       expect(cards.length).toEqual(1);
       expect(cards.at(0).props()).toEqual({ feature: securityFeaturesMock[0] });
     });
+
+    it('should not show latest pipeline link when latestPipelinePath is not defined', () => {
+      expect(findByTestId('latest-pipeline-info').exists()).toBe(false);
+    });
+  });
+
+  describe('when given latestPipelinePath props', () => {
+    beforeEach(() => {
+      createComponent({
+        augmentedSecurityFeatures: securityFeaturesMock,
+        latestPipelinePath: 'test/path',
+      });
+    });
+
+    it('should show latest pipeline info with correct link when latestPipelinePath is defined', () => {
+      expect(findByTestId('latest-pipeline-info').exists()).toBe(true);
+      expect(findByTestId('latest-pipeline-info').text()).toMatchInterpolatedText(
+        "The status of the tools only applies to the default branch and is based on the latest pipeline. Once you've enabled a scan for the default branch, any subsequent feature branch you create will include the scan.",
+      );
+      expect(findByTestId('latest-pipeline-info').find('a').element.href).toEqual(
+        'http://test.host/test/path',
+      );
+    });
   });
 });