feat(compass-indexes): Updating Skills Banner Copy CLOUDP-35451 (#7508)

Author: carolynmcca

packages/compass-indexes/src/components/indexes/indexes.spec.tsx

@@ -521,7 +521,7 @@ describe('Indexes Component', function () {
 
       expect(
         screen.getByText(
-          'Design and apply indexes that make queries run faster.'
+          'Learn how to design efficient indexes to speed up queries.'
         )
       ).to.be.visible;
 
@@ -537,7 +537,7 @@ describe('Indexes Component', function () {
 
       expect(
         screen.queryByText(
-          'Design and apply indexes that make queries run faster.'
+          'Learn how to design efficient indexes to speed up queries.'
         )
       ).to.not.exist;
       expect(screen.queryByRole('link', { name: /go to skills/i })).to.not
@@ -552,7 +552,7 @@ describe('Indexes Component', function () {
 
       expect(
         screen.queryByText(
-          'Design and apply indexes that make queries run faster.'
+          'Learn how to design efficient indexes to speed up queries.'
         )
       ).to.not.exist;
       expect(screen.queryByRole('link', { name: /go to skills/i })).to.not
@@ -574,7 +574,7 @@ describe('Indexes Component', function () {
 
       expect(
         screen.queryByText(
-          'Design and apply indexes that make queries run faster.'
+          'Learn how to design efficient indexes to speed up queries.'
         )
       ).to.not.exist;
     });

packages/compass-indexes/src/components/indexes/indexes.tsx

@@ -303,7 +303,7 @@ export function Indexes({
           {getBanner()}
 
           <AtlasSkillsBanner
-            ctaText="Design and apply indexes that make queries run faster."
+            ctaText="Learn how to design efficient indexes to speed up queries."
             skillsUrl="https://learn.mongodb.com/courses/indexing-design-fundamentals?team=growth"
             onCloseSkillsBanner={() => {
               setSkillDismissed(true);

packages/compass-schema/src/components/compass-schema.spec.tsx

@@ -162,14 +162,14 @@ describe('CompassSchema Component', function () {
 
       expect(
         screen.getByText(
-          'Learn how to add schema validation in this skill badge'
+          'Learn how to effectively design and optimize your schema.'
         )
       ).to.be.visible;
 
       expect(screen.getByRole('link', { name: /go to skills/i })).to.be.visible;
       expect(
         screen.getByText(
-          'Learn how to add schema validation in this skill badge'
+          'Learn how to effectively design and optimize your schema.'
         )
       ).to.be.visible;
 
@@ -191,7 +191,7 @@ describe('CompassSchema Component', function () {
 
       expect(
         screen.queryByText(
-          'Learn how to add schema validation in this skill badge'
+          'Learn how to effectively design and optimize your schema.'
         )
       ).to.not.exist;
       expect(screen.queryByRole('link', { name: /go to skills/i })).to.not
@@ -206,7 +206,7 @@ describe('CompassSchema Component', function () {
 
       expect(
         screen.queryByText(
-          'Learn how to add schema validation in this skill badge'
+          'Learn how to effectively design and optimize your schema.'
         )
       ).to.not.exist;
       expect(screen.queryByRole('link', { name: /go to skills/i })).to.not
@@ -221,7 +221,7 @@ describe('CompassSchema Component', function () {
 
       expect(
         screen.queryByText(
-          'Learn how to add schema validation in this skill badge'
+          'Learn how to effectively design and optimize your schema.'
         )
       ).to.not.exist;
       expect(screen.queryByRole('link', { name: /go to skills/i })).to.not
@@ -236,7 +236,7 @@ describe('CompassSchema Component', function () {
 
       expect(
         screen.getByText(
-          'Learn how to add schema validation in this skill badge'
+          'Learn how to effectively design and optimize your schema.'
         )
       ).to.be.visible;
 
@@ -248,7 +248,7 @@ describe('CompassSchema Component', function () {
       await waitFor(() => {
         expect(
           screen.queryByText(
-            'Learn how to add schema validation in this skill badge'
+            'Learn how to effectively design and optimize your schema.'
           )
         ).to.not.exist;
       });

packages/compass-schema/src/components/compass-schema.tsx

@@ -444,7 +444,7 @@ const Schema: React.FunctionComponent<{
           <div className={contentStyles}>
             {enablePerformanceAdvisorBanner && <PerformanceAdvisorBanner />}
             <AtlasSkillsBanner
-              ctaText="Learn how to add schema validation in this skill badge"
+              ctaText="Learn how to effectively design and optimize your schema."
               skillsUrl="https://learn.mongodb.com/skills?team=growth&openTab=data+modeling"
               onCloseSkillsBanner={() => {
                 setDismissed(true);