1 files changed, 16 insertions, 2 deletions

diff --git a/spec/frontend/ci/catalog/components/list/catalog_header_spec.js b/spec/frontend/ci/catalog/components/list/catalog_header_spec.js
index 2a5c24d0515..e9d2e68c1a3 100644
--- a/spec/frontend/ci/catalog/components/list/catalog_header_spec.js
+++ b/spec/frontend/ci/catalog/components/list/catalog_header_spec.js
@@ -1,6 +1,7 @@
 import { GlBanner, GlButton } from '@gitlab/ui';
 import { useLocalStorageSpy } from 'helpers/local_storage_helper';
 import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
+import BetaBadge from '~/vue_shared/components/badges/beta_badge.vue';
 import CatalogHeader from '~/ci/catalog/components/list/catalog_header.vue';
 import { CATALOG_FEEDBACK_DISMISSED_KEY } from '~/ci/catalog/constants';
 
@@ -16,9 +17,10 @@ describe('CatalogHeader', () => {
   };
 
   const findBanner = () => wrapper.findComponent(GlBanner);
+  const findBetaBadge = () => wrapper.findComponent(BetaBadge);
   const findFeedbackButton = () => findBanner().findComponent(GlButton);
   const findTitle = () => wrapper.find('h1');
-  const findDescription = () => wrapper.findByTestId('description');
+  const findDescription = () => wrapper.findByTestId('page-description');
 
   const createComponent = ({ props = {}, provide = {}, stubs = {} } = {}) => {
     wrapper = shallowMountExtended(CatalogHeader, {
@@ -33,6 +35,16 @@ describe('CatalogHeader', () => {
     });
   };
 
+  describe('Default view', () => {
+    beforeEach(() => {
+      createComponent();
+    });
+
+    it('renders a Beta Badge', () => {
+      expect(findBetaBadge().exists()).toBe(true);
+    });
+  });
+
   describe('title and description', () => {
     describe('when there are no values provided', () => {
       beforeEach(() => {
@@ -42,10 +54,11 @@ describe('CatalogHeader', () => {
       it('renders the default values', () => {
         expect(findTitle().text()).toBe('CI/CD Catalog');
         expect(findDescription().text()).toBe(
-          'Discover CI configuration resources for a seamless CI/CD experience.',
+          'Discover CI/CD components that can improve your pipeline with additional functionality.',
         );
       });
     });
+
     describe('when custom values are provided', () => {
       beforeEach(() => {
         createComponent({ provide: customProvide });
@@ -57,6 +70,7 @@ describe('CatalogHeader', () => {
       });
     });
   });
+
   describe('Feedback banner', () => {
     describe('when user has never dismissed', () => {
       beforeEach(() => {