From 3362e3ce1b18bcba8791486c7edcdba7488a1c60 Mon Sep 17 00:00:00 2001
From: jajjibhai008 <ejazofficial122@gmail.com>
Date: Mon, 4 Mar 2024 20:48:25 +0500
Subject: [PATCH] feat: mark course about page static strings for i18n

---
 .../course/CourseAssociatedPrograms.jsx       |  10 +-
 src/components/course/CourseMainContent.jsx   | 131 ++++++++++---
 .../course/CourseMaterialsButton.jsx          |  11 +-
 .../course/CourseRecommendations.jsx          |  19 +-
 src/components/course/CourseReview.jsx        | 115 +++++++++--
 src/components/course/CourseSidebar.jsx       |  59 +++++-
 src/components/course/CourseSidebarPrice.jsx  |  60 ++++--
 src/components/course/CourseSkills.jsx        |  20 +-
 .../course/SubsidyRequestButton.jsx           |  11 +-
 src/components/course/VerifiedCertPitch.jsx   |  37 +++-
 .../course/course-header/CourseHeader.jsx     |  32 ++-
 .../course/course-header/CoursePreview.jsx    |   7 +-
 .../course/course-header/CourseRunCards.jsx   |   1 -
 .../deprecated/CourseRunCard.jsx              | 183 ++++++++++++++++--
 .../course-header/tests/CourseHeader.test.jsx |  25 +--
 .../tests/CoursePreview.test.jsx              |  13 +-
 .../tests/DeprecatedCourseRunCard.test.jsx    |  43 ++--
 src/components/course/data/constants.js       |   1 -
 src/components/course/data/hooks.jsx          |  48 +++--
 .../course/data/tests/hooks.test.jsx          |  97 ++++++++--
 .../course/routes/tests/CourseAbout.test.jsx  |  25 +--
 .../tests/CourseAssociatedPrograms.test.jsx   |  17 +-
 .../CourseEnrollmentFailedAlert.test.jsx      |  13 +-
 .../course/tests/CourseMainContent.test.jsx   |  13 +-
 .../course/tests/CoursePage.test.jsx          |  21 +-
 .../tests/CourseRecommendationCard.test.jsx   |   9 +-
 .../tests/CourseRecommendations.test.jsx      |  13 +-
 .../course/tests/CourseSidebar.test.jsx       |  13 +-
 .../course/tests/CourseSidebarPrice.test.jsx  | 106 +++++-----
 .../course/tests/CourseSkills.test.jsx        |  17 +-
 .../course/tests/CreatedBy.test.jsx           |  13 +-
 .../tests/SubsidyRequestButton.test.jsx       |  17 +-
 .../course/tests/VerifiedCertPitch.test.jsx   |   3 +-
 .../CourseMainContent.test.jsx.snap           |   4 +-
 34 files changed, 903 insertions(+), 304 deletions(-)

diff --git a/src/components/course/CourseAssociatedPrograms.jsx b/src/components/course/CourseAssociatedPrograms.jsx
index 7e77bb132e..e125309be9 100644
--- a/src/components/course/CourseAssociatedPrograms.jsx
+++ b/src/components/course/CourseAssociatedPrograms.jsx
@@ -2,6 +2,7 @@ import React, { useContext } from 'react';
 import { Hyperlink } from '@openedx/paragon';
 import { sendEnterpriseTrackEvent } from '@edx/frontend-enterprise-utils';
 import { AppContext } from '@edx/frontend-platform/react';
+import { FormattedMessage } from '@edx/frontend-platform/i18n';
 
 import { CourseContext } from './CourseContextProvider';
 import { getProgramIcon, formatProgramType } from './data/utils';
@@ -11,10 +12,15 @@ const CourseAssociatedPrograms = () => {
   const { state } = useContext(CourseContext);
   const { course } = state;
   const { enterpriseConfig } = useContext(AppContext);
-
   return (
     <div className="associated-programs mb-5">
-      <h3>Associated Programs</h3>
+      <h3>
+        <FormattedMessage
+          id="enterprise.course.about.course.sidebar.associated.programs"
+          defaultMessage="Associated Programs"
+          description="Title for the section that lists the programs that are associated with the course."
+        />
+      </h3>
       <ul className="pl-0 list-unstyled">
         {course.programs.map(program => (
           <li key={program.uuid} className="mb-3 row">
diff --git a/src/components/course/CourseMainContent.jsx b/src/components/course/CourseMainContent.jsx
index 2c54f2fd4f..815de1e16d 100644
--- a/src/components/course/CourseMainContent.jsx
+++ b/src/components/course/CourseMainContent.jsx
@@ -2,6 +2,7 @@ import React, { useContext } from 'react';
 import { breakpoints, Hyperlink, MediaQuery } from '@openedx/paragon';
 import { AppContext } from '@edx/frontend-platform/react';
 
+import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
 import { PreviewExpand } from '../preview-expand';
 import { CourseContext } from './CourseContextProvider';
 import CourseSidebar from './CourseSidebar';
@@ -32,7 +33,7 @@ const CourseMainContent = () => {
   const { config } = useContext(AppContext);
   const { state } = useContext(CourseContext);
   const { course, activeCourseRun } = state;
-
+  const intl = useIntl();
   return (
     <>
       <MediaQuery minWidth={breakpoints.large.minWidth}>
@@ -46,11 +47,27 @@ const CourseMainContent = () => {
         <PreviewExpand
           className="mb-5"
           cta={{
-            labelToExpand: 'More about this course',
-            labelToMinimize: 'Collapse about this course',
+            labelToExpand: intl.formatMessage({
+              id: 'enterprise.course.about.course.sidebar.about.expand',
+              defaultMessage: 'More about this course',
+              description: 'Label for the expand button to show more about the course.',
+            }),
+            labelToMinimize: intl.formatMessage({
+              id: 'enterprise.course.about.course.sidebar.about.collapse',
+              defaultMessage: 'Collapse about this course',
+              description: 'Label for the collapse button to hide more about the course.',
+            }),
             id: 'about-this-course',
           }}
-          heading={<h3>About this course</h3>}
+          heading={(
+            <h3>
+              {intl.formatMessage({
+                id: 'enterprise.course.about.course.sidebar.about.heading',
+                defaultMessage: 'About this course',
+                description: 'Heading for the section that describes the course.',
+              })}
+            </h3>
+          )}
         >
           {/* eslint-disable-next-line react/no-danger */}
           <div dangerouslySetInnerHTML={{ __html: course.fullDescription }} />
@@ -58,7 +75,13 @@ const CourseMainContent = () => {
       )}
       {course.sponsors && course.sponsors.length > 0 && (
         <div className="mb-5">
-          <h3>Sponsored by</h3>
+          <h3>
+            <FormattedMessage
+              id="enterprise.course.about.course.sidebar.sponsored.by"
+              defaultMessage="Sponsored by"
+              description="Heading for the section that lists the sponsors of the course."
+            />
+          </h3>
           <div className="row no-gutters mt-3">
             {course.sponsors.map((sponsor) => (
               <div className="col-lg-6 mb-3" key={sponsor.name}>
@@ -83,8 +106,14 @@ const CourseMainContent = () => {
             ))}
           </div>
           <p>
-            The production of this course would not have been possible without the
-            generous contributions of {formatSponsorTextList(course.sponsors)}.
+            <FormattedMessage
+              id="enterprise.course.about.course.sidebar.sponsored.by.description"
+              defaultMessage="The production of this course would not have been possible without the generous contributions of {sponsorTextList}."
+              description="Description of the sponsors of the course."
+              values={{
+                sponsorTextList: formatSponsorTextList(course.sponsors),
+              }}
+            />
           </p>
         </div>
       )}
@@ -92,11 +121,27 @@ const CourseMainContent = () => {
         <PreviewExpand
           className="mb-5"
           cta={{
-            labelToExpand: 'Expand what you\'ll learn',
-            labelToMinimize: 'Collapse what you\'ll learn',
+            labelToExpand: intl.formatMessage({
+              id: 'enterprise.course.about.course.sidebar.outcome.expand',
+              defaultMessage: "Expand what you'll learn",
+              description: 'Label for the expand button to show what you will learn in the course.',
+            }),
+            labelToMinimize: intl.formatMessage({
+              id: 'enterprise.course.about.course.sidebar.outcome.collapse',
+              defaultMessage: "Collapse what you'll learn",
+              description: 'Label for the collapse button to hide what you will learn in the course.',
+            }),
             id: 'what-youll-learn',
           }}
-          heading={<h3>What you&apos;ll learn</h3>}
+          heading={(
+            <h3>
+              {intl.formatMessage({
+                id: 'enterprise.course.about.course.sidebar.outcome.heading',
+                defaultMessage: "What you'll learn",
+                description: 'Heading for the section that lists what you will learn in the course.',
+              })}
+            </h3>
+          )}
         >
           {/* eslint-disable-next-line react/no-danger */}
           <div dangerouslySetInnerHTML={{ __html: course.outcome }} />
@@ -106,11 +151,29 @@ const CourseMainContent = () => {
         <PreviewExpand
           className="mb-5"
           cta={{
-            labelToExpand: 'Expand syllabus',
-            labelToMinimize: 'Collapse syllabus',
+            labelToExpand: intl.formatMessage({
+              id: 'enterprise.course.about.course.sidebar.syllabus.expand',
+              defaultMessage: 'Expand syllabus',
+              description: 'Label for the expand button to show the syllabus of the course.',
+            }),
+            labelToMinimize: intl.formatMessage({
+              id: 'enterprise.course.about.course.sidebar.syllabus.collapse',
+              defaultMessage: 'Collapse syllabus',
+              description: 'Label for the collapse button to hide the syllabus of the course.',
+            }),
             id: 'course-syllabus',
           }}
-          heading={<h3>Syllabus</h3>}
+          heading={(
+            <h3>
+              {
+                intl.formatMessage({
+                  id: 'enterprise.course.about.course.sidebar.syllabus.heading',
+                  defaultMessage: 'Syllabus',
+                  description: 'Heading for the section that lists the syllabus of the course.',
+                })
+              }
+            </h3>
+          )}
         >
           {/* eslint-disable-next-line react/no-danger */}
           <div dangerouslySetInnerHTML={{ __html: course.syllabusRaw }} />
@@ -122,14 +185,26 @@ const CourseMainContent = () => {
       )}
       {course.learnerTestimonials && (
         <div className="mb-5">
-          <h3>Learner testimonials</h3>
+          <h3>
+            <FormattedMessage
+              id="enterprise.course.about.course.sidebar.learner.testimonials"
+              defaultMessage="Learner testimonials"
+              description="Heading for the section that lists learner testimonials."
+            />
+          </h3>
           {/* eslint-disable-next-line react/no-danger */}
           <div dangerouslySetInnerHTML={{ __html: course.learnerTestimonials }} />
         </div>
       )}
       {course.faq && (
         <div className="mb-5">
-          <h3>Frequently asked questions</h3>
+          <h3>
+            <FormattedMessage
+              id="enterprise.course.about.course.sidebar.frequently.asked.questions"
+              defaultMessage="Frequently asked questions"
+              description="Heading for the section that lists frequently asked questions."
+            />
+          </h3>
           {/* eslint-disable-next-line react/no-danger */}
           <div dangerouslySetInnerHTML={{ __html: course.faq }} />
         </div>
@@ -142,15 +217,25 @@ const CourseMainContent = () => {
       )}
       {activeCourseRun.hasOfacRestrictions && (
         <div className="mb-5">
-          <h3>Who can take this course?</h3>
+          <h3>
+            <FormattedMessage
+              id="enterprise.course.about.course.sidebar.who.can.take.this.course"
+              defaultMessage="Who can take this course?"
+              description="Heading for the section that lists who can take this course."
+            />
+          </h3>
           <p>
-            Unfortunately, learners from one or more of the following countries or regions will not
-            be able to register for this course: Iran, Cuba and the Crimea region of Ukraine.
-            While edX has sought licenses from the U.S. Office of Foreign Assets Control (OFAC) to
-            offer our courses to learners in these countries and regions, the licenses we have
-            received are not broad enough to allow us to offer this course in all locations. EdX
-            truly regrets that U.S. sanctions prevent us from offering all of our courses to
-            everyone, no matter where they live.
+            <FormattedMessage
+              id="enterprise.course.about.course.sidebar.who.can.take.this.course.description"
+              defaultMessage="Unfortunately, learners from one or more of the following countries or regions will not
+              be able to register for this course: Iran, Cuba and the Crimea region of Ukraine.
+              While edX has sought licenses from the U.S. Office of Foreign Assets Control (OFAC) to
+              offer our courses to learners in these countries and regions, the licenses we have
+              received are not broad enough to allow us to offer this course in all locations. EdX
+              truly regrets that U.S. sanctions prevent us from offering all of our courses to
+              everyone, no matter where they live."
+              description="Description for the section that lists who can take this course. OFAC is the brnad name"
+            />
           </p>
         </div>
       )}
diff --git a/src/components/course/CourseMaterialsButton.jsx b/src/components/course/CourseMaterialsButton.jsx
index 5c27f53fc2..5bb66fd754 100644
--- a/src/components/course/CourseMaterialsButton.jsx
+++ b/src/components/course/CourseMaterialsButton.jsx
@@ -1,5 +1,6 @@
 import React, { useContext } from 'react';
 import { Button } from '@openedx/paragon';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { findUserEnrollmentForCourseRun } from './data/utils';
 import { CourseContext } from './CourseContextProvider';
 
@@ -10,7 +11,7 @@ const CourseMaterialsButton = () => {
       userEnrollments,
     },
   } = useContext(CourseContext);
-
+  const intl = useIntl();
   let userEnrollment;
   for (const courseRun of course.courseRuns) { // eslint-disable-line no-restricted-syntax
     const userEnrollmentForCourseRun = findUserEnrollmentForCourseRun({
@@ -29,8 +30,12 @@ const CourseMaterialsButton = () => {
   return (
     <>
       <br />
-      <Button variant="brand" href={userEnrollment.courseRunUrl}>
-        View course materials
+      <Button variant="brand" href={userEnrollment?.courseRunUrl}>
+        {intl.formatMessage({
+          id: 'enterprise.course.about.course.materials.button.label',
+          defaultMessage: 'View course materials',
+          description: 'Label for the button that allows the learner to view the course materials.',
+        })}
       </Button>
     </>
   );
diff --git a/src/components/course/CourseRecommendations.jsx b/src/components/course/CourseRecommendations.jsx
index eb37130474..cef46063dc 100644
--- a/src/components/course/CourseRecommendations.jsx
+++ b/src/components/course/CourseRecommendations.jsx
@@ -1,5 +1,6 @@
 import React, { useContext } from 'react';
 import { CardGrid } from '@openedx/paragon';
+import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import { CourseContext } from './CourseContextProvider';
 import CourseRecommendationCard from './CourseRecommendationCard';
 
@@ -7,12 +8,17 @@ const CourseRecommendations = () => {
   const { state } = useContext(CourseContext);
   const { course, courseRecommendations } = state;
   const { allRecommendations, samePartnerRecommendations } = courseRecommendations;
-
   return (
     <div className="mt-1">
       {allRecommendations?.length > 0 && (
         <div className="mb-3">
-          <h3 className="mb-3">Courses you may like:</h3>
+          <h3 className="mb-3">
+            <FormattedMessage
+              id="enterprise.course.about.course.sidebar.recommendations"
+              defaultMessage="Courses you may like:"
+              description="Title for the section that lists the courses that are recommended."
+            />
+          </h3>
           <CardGrid>
             {allRecommendations.map(recommendation => (
               <CourseRecommendationCard key={recommendation.key} course={recommendation} />
@@ -22,7 +28,14 @@ const CourseRecommendations = () => {
       )}
       {samePartnerRecommendations?.length > 0 && (
         <div className="mb-3">
-          <h3 className="mb-3">More from { course.owners[0].name }:</h3>
+          <h3 className="mb-3">
+            <FormattedMessage
+              id="enterprise.course.about.course.sidebar.recommendations.same.partner"
+              defaultMessage="More from { firtstCourseOwner }:"
+              description="Title for the section that lists the courses that are recommended from the same partner."
+              values={{ firtstCourseOwner: course.owners[0].name }}
+            />
+          </h3>
           <CardGrid>
             {samePartnerRecommendations.map(recommendation => (
               <CourseRecommendationCard
diff --git a/src/components/course/CourseReview.jsx b/src/components/course/CourseReview.jsx
index e4c1dc7c2d..045fb56f9f 100644
--- a/src/components/course/CourseReview.jsx
+++ b/src/components/course/CourseReview.jsx
@@ -1,8 +1,10 @@
+/* eslint-disable react/no-unstable-nested-components */
 import {
   Col, Container, Icon, Row,
 } from '@openedx/paragon';
 import React, { useContext, useState } from 'react';
 import { StarFilled } from '@openedx/paragon/icons';
+import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
 import { fixDecimalNumber } from './data/utils';
 import { CourseContext } from './CourseContextProvider';
 import { REVIEW_SECTION_CONTENT } from './data/constants';
@@ -11,31 +13,69 @@ const CourseReview = () => {
   const { state } = useContext(CourseContext);
   const { courseReviews } = state;
   const [showInfoContent, setShowInfoContent] = useState('');
+  const intl = useIntl();
   if (!courseReviews) {
     return '';
   }
-
   let infoContent;
   if (showInfoContent === REVIEW_SECTION_CONTENT.AVERAGE_RATING) {
-    infoContent = `<b>${courseReviews.reviewsCount}</b> learners have rated this course in a post completion survey.`;
+    infoContent = (
+      intl.formatMessage({
+        id: 'course.about.reviews.averageRating',
+        defaultMessage: '<b>{reviewsCount}</b> learners have rated this course in a post completion survey.',
+        description: 'The average rating of the course',
+      }, {
+        reviewsCount: courseReviews?.reviewsCount || 0,
+        b: (chunks) => <b>{chunks}</b>,
+      })
+    );
   } else if (showInfoContent === REVIEW_SECTION_CONTENT.CONFIDENT_LEARNERS) {
-    infoContent = `We asked learners who participated in this course how confident they felt that the course will help
-       them reach their goal. <b>${parseInt(courseReviews.confidentLearnersPercentage, 10)}%</b> of learners said they were
-        <b>“extremely confident”</b> or <b>“very confident”</b> that the learning they did in the course will help them reach
-         their goals.`;
+    infoContent = (
+      intl.formatMessage({
+        id: 'enterprise.course.about.course.reviews.confident.learners',
+        defaultMessage: 'We asked learners who participated in this course how confident they felt that the course will help them reach their goal. <b>{confidentLearnersPercentage}%</b> of learners said they were <b>“extremely confident”</b> or <b>“very confident”</b> that the learning they did in the course will help them reach their goals.',
+        description: 'The percentage of confident learners',
+      }, {
+        confidentLearnersPercentage: parseInt(courseReviews?.confidentLearnersPercentage, 10),
+        b: (chunks) => <b>{chunks}</b>,
+      })
+    );
   } else if (showInfoContent === REVIEW_SECTION_CONTENT.MOST_COMMON_GOAL_LEARNERS) {
-    infoContent = `We asked learners who enrolled in this course to choose the reason for taking it. Options were:
-        “learn valuable skills”, “job advancement”, “learn for fun”, and “change careers”. 
-           <b>${parseInt(courseReviews.mostCommonGoalLearnersPercentage, 10)}%</b> of learners who
-           enrolled in this course took it to <b>learn valuable skills</b>.`;
+    infoContent = (
+      intl.formatMessage({
+        id: 'enterprise.course.about.course.reviews.most.common.goal.learners',
+        defaultMessage: 'We asked learners who enrolled in this course to choose the reason for taking it. Options were: “learn valuable skills”, “job advancement”, “learn for fun”, and “change careers”. <b>{mostCommonGoalLearnersPercentage}%</b> of learners who enrolled in this course took it to <b>learn valuable skills</b>.',
+        description: 'The percentage of learners who took the course to learn new skills',
+      }, {
+        mostCommonGoalLearnersPercentage: parseInt(courseReviews?.mostCommonGoalLearnersPercentage, 10),
+        b: (chunks) => <b>{chunks}</b>,
+      })
+    );
   } else if (showInfoContent === REVIEW_SECTION_CONTENT.DEMAND_AND_GROWTH) {
-    infoContent = `<b>${courseReviews.totalEnrollments}</b> learners took this course in the past year.`;
+    infoContent = (
+      intl.formatMessage({
+        id: 'enterprise.course.about.course.reviews.demand.and.growth',
+        defaultMessage: '<b>{totalCourseEnrollments}</b> learners took this course in the past year.',
+        description: 'The number of learners who took the course in the last 12 months',
+      }, {
+        totalCourseEnrollments: courseReviews?.totalEnrollments || 0,
+        b: (chunks) => <b>{chunks}</b>,
+      })
+    );
   }
 
   return (
     <Container className="ml-0 pl-0">
       <Row className="mt-3.5 mb-1.5">
-        <Col sm={12}><h3>The Impact:</h3></Col>
+        <Col sm={12}>
+          <h3>
+            <FormattedMessage
+              id="enterprise.course.about.reviews.impact"
+              defaultMessage="The Impact:"
+              description="Label for the section that lists the impact of the course on learners."
+            />
+          </h3>
+        </Col>
       </Row>
       <Row>
         <Col sm className="mr-4" id="review-1">
@@ -45,9 +85,15 @@ const CourseReview = () => {
             onClick={() => { setShowInfoContent(REVIEW_SECTION_CONTENT.DEMAND_AND_GROWTH); }}
             className={`number-color mb-0 ${ showInfoContent === REVIEW_SECTION_CONTENT.DEMAND_AND_GROWTH && 'text-underline'}`}
           >
-            {courseReviews.totalEnrollments}
+            {courseReviews?.totalEnrollments}
           </h1>
-          <div>learners took this course in the last 12 months</div>
+          <div>
+            <FormattedMessage
+              id="enterprise.course.about.course.reviews.demand.and.growth"
+              defaultMessage="learners took this course in the last 12 months"
+              description="The number of learners who took the course in the last 12 months"
+            />
+          </div>
         </Col>
         <Col sm className="mr-4" id="review-2">
           <div className="d-flex align-items-center">
@@ -57,11 +103,20 @@ const CourseReview = () => {
               onClick={() => { setShowInfoContent(REVIEW_SECTION_CONTENT.AVERAGE_RATING); }}
               className={`number-color mb-0 ${ showInfoContent === REVIEW_SECTION_CONTENT.AVERAGE_RATING && 'text-underline'}`}
             >
-              {fixDecimalNumber(courseReviews.avgCourseRating)}
+              {fixDecimalNumber(courseReviews?.avgCourseRating)}
             </h1>
             <Icon className="star-color" src={StarFilled} />
           </div>
-          <div><b>average rating</b> for this course on a 5-star scale</div>
+          <div>
+            <FormattedMessage
+              id="enterprise.course.about.course.reviews.average.rating"
+              defaultMessage="<b>average rating</b> for this course on a 5-star scale"
+              description="The average rating of the course on a 5-star scale"
+              values={{
+                b: (chunks) => <b>{chunks}</b>,
+              }}
+            />
+          </div>
         </Col>
         <Col sm className="mr-4" id="review-3">
           <h1
@@ -70,9 +125,18 @@ const CourseReview = () => {
             onClick={() => { setShowInfoContent(REVIEW_SECTION_CONTENT.CONFIDENT_LEARNERS); }}
             className={`number-color mb-0 ${ showInfoContent === REVIEW_SECTION_CONTENT.CONFIDENT_LEARNERS && 'text-underline'}`}
           >
-            {parseInt(courseReviews.confidentLearnersPercentage, 10)}%
+            {parseInt(courseReviews?.confidentLearnersPercentage, 10)}%
           </h1>
-          <div>are confident this course will help them <b>reach their goals</b></div>
+          <div>
+            <FormattedMessage
+              id="enterprise.course.about.course.reviews.confident.learners"
+              defaultMessage="are confident this course will help them <b>reach their goals</b>"
+              description="The percentage of learners who are confident this course will help them reach their goals"
+              values={{
+                b: (chunks) => <b>{chunks}</b>,
+              }}
+            />
+          </div>
         </Col>
         <Col sm className="mr-4" id="review-4">
           <h1
@@ -81,14 +145,23 @@ const CourseReview = () => {
             onClick={() => { setShowInfoContent(REVIEW_SECTION_CONTENT.MOST_COMMON_GOAL_LEARNERS); }}
             className={`number-color mb-0 ${ showInfoContent === REVIEW_SECTION_CONTENT.MOST_COMMON_GOAL_LEARNERS && 'text-underline'}`}
           >
-            {parseInt(courseReviews.mostCommonGoalLearnersPercentage, 10)}%
+            {parseInt(courseReviews?.mostCommonGoalLearnersPercentage, 10)}%
           </h1>
-          <div>of the learners took this course to <b>learn new skills</b></div>
+          <div>
+            <FormattedMessage
+              id="enterprise.course.about.course.reviews.most.common.goal.learners"
+              defaultMessage="of the learners took this course to <b>learn new skills</b>"
+              description="The percentage of learners who took this course to learn new skills"
+              values={{
+                b: (chunks) => <b>{chunks}</b>,
+              }}
+            />
+          </div>
         </Col>
       </Row>
       <Row className="mt-3.5 mb-4.5">
         {/* eslint-disable-next-line react/no-danger */}
-        <Col sm={12}><span dangerouslySetInnerHTML={{ __html: infoContent }} /> </Col>
+        <Col sm={12}><span>{infoContent}</span></Col>
       </Row>
     </Container>
   );
diff --git a/src/components/course/CourseSidebar.jsx b/src/components/course/CourseSidebar.jsx
index cade7e0dda..3687c462f3 100644
--- a/src/components/course/CourseSidebar.jsx
+++ b/src/components/course/CourseSidebar.jsx
@@ -7,6 +7,7 @@ import {
   AccessTime, Equalizer, Institution, Person, School, Speed, Tag, VideoFile,
 } from '@openedx/paragon/icons';
 import { AppContext } from '@edx/frontend-platform/react';
+import { useIntl } from '@edx/frontend-platform/i18n';
 import { CourseContext } from './CourseContextProvider';
 import CourseSidebarListItem from './CourseSidebarListItem';
 import CourseAssociatedPrograms from './CourseAssociatedPrograms';
@@ -30,7 +31,7 @@ const CourseSidebar = () => {
   const [transcriptLanguages, transcriptLabel] = useCourseTranscriptLanguages(activeCourseRun);
   const [pacingType, pacingTypeContent] = useCoursePacingType(activeCourseRun);
   const { enterpriseConfig } = useContext(AppContext);
-
+  const intl = useIntl();
   return (
     <>
       <ul className="pl-0 mb-5 course-details-sidebar">
@@ -39,14 +40,26 @@ const CourseSidebar = () => {
             {hasTruthyValue(activeCourseRun.weeksToComplete) && (
               <CourseSidebarListItem
                 icon={AccessTime}
-                label="Length"
+                label={
+                  intl.formatMessage({
+                    id: 'enterprise.course.about.course.sidebar.length',
+                    defaultMessage: 'Length',
+                    description: 'Label for the length of the course in weeks.',
+                  })
+                }
                 content={`${weeksToComplete} ${weeksLabel}`}
               />
             )}
             {hasTruthyValue([activeCourseRun.minEffort, activeCourseRun.maxEffort]) && (
               <CourseSidebarListItem
                 icon={Speed}
-                label="Effort"
+                label={
+                  intl.formatMessage({
+                    id: 'enterprise.course.about.course.sidebar.effort',
+                    defaultMessage: 'Effort',
+                    description: 'Label for the effort required to complete the course.',
+                  })
+                }
                 content={`${activeCourseRun.minEffort}-${activeCourseRun.maxEffort} hours per week`}
               />
             )}
@@ -54,7 +67,13 @@ const CourseSidebar = () => {
         )}
         <CourseSidebarListItem
           icon={Tag}
-          label="Price"
+          label={
+            intl.formatMessage({
+              id: 'enterprise.course.about.course.sidebar.price',
+              defaultMessage: 'Price',
+              description: 'Label for the price of the course.',
+            })
+          }
           content={<CourseSidebarPrice />}
         />
         {partners?.length > 0 && (
@@ -84,7 +103,13 @@ const CourseSidebar = () => {
         {primarySubject && (
           <CourseSidebarListItem
             icon={School}
-            label="Subject"
+            label={
+              intl.formatMessage({
+                id: 'enterprise.course.about.course.sidebar.subject',
+                defaultMessage: 'Subject',
+                description: 'Label for the subject of the course.',
+              })
+            }
             content={(
               <Link
                 to={`/${enterpriseConfig.slug}/search?subjects=${encodeURIComponent(primarySubject.name)}`}
@@ -106,14 +131,26 @@ const CourseSidebar = () => {
         {activeCourseRun.levelType && (
           <CourseSidebarListItem
             icon={Equalizer}
-            label="Level"
+            label={
+              intl.formatMessage({
+                id: 'enterprise.course.about.course.sidebar.level',
+                defaultMessage: 'Level',
+                description: 'Label for the level of the course.',
+              })
+            }
             content={activeCourseRun.levelType}
           />
         )}
         {activeCourseRun.contentLanguage && (
           <CourseSidebarListItem
             icon={Institution}
-            label="Language"
+            label={
+              intl.formatMessage({
+                id: 'enterprise.course.about.course.sidebar.language',
+                defaultMessage: 'Language',
+                description: 'Label for the language of the course.',
+              })
+            }
             content={ISO6391.getNativeName(activeCourseRun.contentLanguage.slice(0, 2))}
           />
         )}
@@ -129,7 +166,13 @@ const CourseSidebar = () => {
         {pacingType && (
           <CourseSidebarListItem
             icon={Person}
-            label="Course Type"
+            label={
+              intl.formatMessage({
+                id: 'enterprise.course.about.course.sidebar.course.type',
+                defaultMessage: 'Course Type',
+                description: 'Label for the course type.',
+              })
+            }
             content={pacingTypeContent}
           />
         )}
diff --git a/src/components/course/CourseSidebarPrice.jsx b/src/components/course/CourseSidebarPrice.jsx
index 1e21a40d18..b83b5637dc 100644
--- a/src/components/course/CourseSidebarPrice.jsx
+++ b/src/components/course/CourseSidebarPrice.jsx
@@ -2,6 +2,7 @@ import React, { useContext } from 'react';
 import { Skeleton } from '@openedx/paragon';
 import classNames from 'classnames';
 import { AppContext } from '@edx/frontend-platform/react';
+import { FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
 
 import { CourseContext } from './CourseContextProvider';
 import { numberWithPrecision } from './data/utils';
@@ -11,11 +12,6 @@ import { canUserRequestSubsidyForCourse } from './enrollment/utils';
 import { useIsCourseAssigned } from './data/hooks';
 import { UserSubsidyContext } from '../enterprise-user-subsidy';
 
-export const INCLUDED_IN_SUBSCRIPTION_MESSAGE = 'Included in your subscription';
-export const ASSIGNED_COURSE_MESSAGE = 'This course is assigned to you. The price of this course is already covered by your organization.';
-export const FREE_WHEN_APPROVED_MESSAGE = 'Free to me\n(when approved)';
-export const COVERED_BY_ENTERPRISE_OFFER_MESSAGE = 'This course can be purchased with your organization\'s learner credit';
-
 const CourseSidebarPrice = () => {
   const { enterpriseConfig } = useContext(AppContext);
   const {
@@ -32,7 +28,7 @@ const CourseSidebarPrice = () => {
     redeemableLearnerCreditPolicies?.learnerContentAssignments,
     course?.key,
   );
-
+  const intl = useIntl();
   const { subsidyRequestConfiguration } = useContext(SubsidyRequestsContext);
 
   if (!coursePrice) {
@@ -43,7 +39,13 @@ const CourseSidebarPrice = () => {
   const showOrigPrice = !enterpriseConfig.hideCourseOriginalPrice;
   const crossedOutOriginalPrice = (
     <del>
-      <span className="sr-only">Priced reduced from:</span>${originalPriceDisplay} {currency}
+      <span className="sr-only">
+        <FormattedMessage
+          id="enterprise.course.about.price.original"
+          defaultMessage="Priced reduced from:"
+          description="Message to indicate that the price has been reduced."
+        />
+      </span>${originalPriceDisplay} {currency}
     </del>
   );
 
@@ -56,7 +58,13 @@ const CourseSidebarPrice = () => {
             {crossedOutOriginalPrice}
           </div>
         )}
-        <span>{INCLUDED_IN_SUBSCRIPTION_MESSAGE}</span>
+        <span>
+          <FormattedMessage
+            id="enterprise.course.about.price.included.in.subscription"
+            defaultMessage="Included in your subscription"
+            description="Message to indicate that the course is included in the user's subscription."
+          />
+        </span>
       </>
     );
   }
@@ -73,7 +81,12 @@ const CourseSidebarPrice = () => {
     return (
       <span style={{ whiteSpace: 'pre-wrap' }} data-testid="browse-and-request-pricing">
         <s>${originalPriceDisplay} {currency}</s><br />
-        {FREE_WHEN_APPROVED_MESSAGE}
+        <FormattedMessage
+          id="enterprise.course.about.course.sidebar.price.free.when.approved"
+          defaultMessage="Free to me{br}(when approved)"
+          description="Message to indicate that the course is free when approved."
+          values={{ br: <br /> }}
+        />
       </span>
     );
   }
@@ -90,11 +103,26 @@ const CourseSidebarPrice = () => {
   // Case 4: subsidy found
   const learnerCreditSubsidyTypes = [ENTERPRISE_OFFER_SUBSIDY_TYPE, LEARNER_CREDIT_SUBSIDY_TYPE];
   const shouldShowLearnerCreditMessage = learnerCreditSubsidyTypes.includes(userSubsidyApplicableToCourse?.subsidyType);
-  let discountedPriceMessage = `Sponsored by ${enterpriseConfig.name}`;
+  let discountedPriceMessage = intl.formatMessage(
+    {
+      id: 'enterprise.course.about.course.sidebar.price.covered.by.enterprise',
+      defaultMessage: 'Sponsored by {enterpriseName}',
+      description: 'Message to indicate that the course is sponsored by the enterprise.',
+    },
+    { enterpriseName: enterpriseConfig.name },
+  );
   if (shouldShowLearnerCreditMessage) {
-    discountedPriceMessage = COVERED_BY_ENTERPRISE_OFFER_MESSAGE;
+    discountedPriceMessage = intl.formatMessage({
+      id: 'enterprise.course.about.course.sidebar.price.covered.by.learner.credit',
+      defaultMessage: "This course can be purchased with your organization's learner credit",
+      description: 'Message to indicate that the course is covered by learner credit.',
+    });
     if (isCourseAssigned) {
-      discountedPriceMessage = ASSIGNED_COURSE_MESSAGE;
+      discountedPriceMessage = intl.formatMessage({
+        id: 'enterprise.course.about.course.sidebar.price.assigned.course',
+        defaultMessage: 'This course is assigned to you. The price of this course is already covered by your organization.',
+        description: 'Message to indicate that the course is assigned to the user.',
+      });
     }
   }
   const discountedPriceDisplay = `${numberWithPrecision(coursePrice.discounted)} ${currency}`;
@@ -106,7 +134,13 @@ const CourseSidebarPrice = () => {
         {showOrigPrice && <>{crossedOutOriginalPrice}{' '}</>}
         {coursePrice.discounted > 0 && (
           <>
-            <span className="sr-only">Discounted price:</span>${discountedPriceDisplay}
+            <span className="sr-only">
+              <FormattedMessage
+                id="enterprise.course.about.price.discounted"
+                defaultMessage="Discounted price:"
+                description="Message to indicate that the price has been discounted."
+              />
+            </span>${discountedPriceDisplay}
           </>
         )}
       </div>
diff --git a/src/components/course/CourseSkills.jsx b/src/components/course/CourseSkills.jsx
index 4c34c2bbc7..76aaac35da 100644
--- a/src/components/course/CourseSkills.jsx
+++ b/src/components/course/CourseSkills.jsx
@@ -4,11 +4,11 @@ import classNames from 'classnames';
 import {
   Badge, OverlayTrigger, Popover,
 } from '@openedx/paragon';
-
+import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import { AppContext } from '@edx/frontend-platform/react';
 import { CourseContext } from './CourseContextProvider';
 import {
-  SKILL_DESCRIPTION_PLACEHOLDER, SKILL_DESCRIPTION_CUTOFF_LIMIT, ELLIPSIS_STR,
+  SKILL_DESCRIPTION_CUTOFF_LIMIT, ELLIPSIS_STR,
 } from './data/constants';
 import { shortenString } from './data/utils';
 
@@ -21,7 +21,13 @@ const CourseSkills = () => {
 
   return (
     <div className="mb-5">
-      <h5> Skills you&apos;ll gain</h5>
+      <h5>
+        <FormattedMessage
+          id="enterprise.course.about.skills.section.title"
+          defaultMessage="Skills you'll gain"
+          description="Title for the section that lists the skills that a learner will gain from the course."
+        />
+      </h5>
       <div>
         {skills.map((skill, index) => (
           <OverlayTrigger
@@ -36,7 +42,13 @@ const CourseSkills = () => {
                 >
                   {
                     skill.description ? shortenString(skill.description, SKILL_DESCRIPTION_CUTOFF_LIMIT, ELLIPSIS_STR)
-                      : SKILL_DESCRIPTION_PLACEHOLDER
+                      : (
+                        <FormattedMessage
+                          id="enterprise.course.about.skills.section.skill.description.placeholder"
+                          defaultMessage="No description available."
+                          description="Placeholder text for the skill description when no description is available."
+                        />
+                      )
                   }
                 </Popover.Content>
               </Popover>
diff --git a/src/components/course/SubsidyRequestButton.jsx b/src/components/course/SubsidyRequestButton.jsx
index 3892f315e2..c619331975 100644
--- a/src/components/course/SubsidyRequestButton.jsx
+++ b/src/components/course/SubsidyRequestButton.jsx
@@ -3,6 +3,7 @@ import React, {
 } from 'react';
 import { StatefulButton } from '@openedx/paragon';
 import { logError } from '@edx/frontend-platform/logging';
+import { useIntl } from '@edx/frontend-platform/i18n';
 
 import { SubsidyRequestsContext, SUBSIDY_TYPE } from '../enterprise-subsidy-requests';
 import { CourseContext } from './CourseContextProvider';
@@ -30,7 +31,7 @@ const SubsidyRequestButton = () => {
     subsidyRequestConfiguration,
     refreshSubsidyRequests,
   } = useContext(SubsidyRequestsContext);
-
+  const intl = useIntl();
   const { state, subsidyRequestCatalogsApplicableToCourse, userSubsidyApplicableToCourse } = useContext(CourseContext);
 
   const { course, userEnrollments } = state;
@@ -105,7 +106,13 @@ const SubsidyRequestButton = () => {
     try {
       await requestSubsidy(courseKey);
       setLoadingRequest(false);
-      addToast('Request for course submitted');
+      addToast(
+        intl.formatMessage({
+          id: 'enterprise.course.about.page.subsidy.request.submitted.toast,message',
+          defaultMessage: 'Request for course submitted',
+          description: 'Toast message for when a user submits a request for a course',
+        }),
+      );
       refreshSubsidyRequests();
     } catch (error) {
       logError(error);
diff --git a/src/components/course/VerifiedCertPitch.jsx b/src/components/course/VerifiedCertPitch.jsx
index 2cb590aa4b..fdf097ecad 100644
--- a/src/components/course/VerifiedCertPitch.jsx
+++ b/src/components/course/VerifiedCertPitch.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Icon } from '@openedx/paragon';
 import { ContentPasteGo, RocketLaunch } from '@openedx/paragon/icons';
+import { FormattedMessage } from '@edx/frontend-platform/i18n';
 
 import './styles/VerifiedCertPitch.scss';
 
@@ -18,26 +19,48 @@ VerifiedCertPitchIcon.propTypes = {
 const VerifiedCertPitch = () => (
   <div className="verified-cert-pitch mb-5">
     <h3 className="mb-4">
-      Pursue a Verified Certificate to highlight the knowledge and skills you gain
+      <FormattedMessage
+        id="enterprise.course.about.course.sidebar.verified.cert.pitch"
+        defaultMessage="Pursue a Verified Certificate to highlight the knowledge and skills you gain"
+        description="Pitch for the verified certificate"
+      />
     </h3>
     <ul className="pl-0 mb-0 list-unstyled">
       <li className="d-flex mb-4">
         <VerifiedCertPitchIcon icon={RocketLaunch} />
         <div>
-          <h4>Official and Verified</h4>
+          <h4>
+            <FormattedMessage
+              id="enterprise.course.about.course.sidebar.verified.cert.official"
+              defaultMessage="Official and Verified"
+              description="Label for the verified certificate pitch"
+            />
+          </h4>
           <span>
-            Receive an instructor-signed certificate with the institution&apos;s
-            logo to verify your achievement.
+            <FormattedMessage
+              id="enterprise.course.about.course.sidebar.verified.cert.official.desc"
+              defaultMessage="Receive an instructor-signed certificate with the institution's logo to verify your achievement."
+              description="Description for the verified certificate pitch"
+            />
           </span>
         </div>
       </li>
       <li className="d-flex mb-4">
         <VerifiedCertPitchIcon icon={ContentPasteGo} />
         <div>
-          <h4>Easily Shareable</h4>
+          <h4>
+            <FormattedMessage
+              id="enterprise.course.about.course.sidebar.verified.cert.shareable"
+              defaultMessage="Easily Shareable"
+              description="Label for the verified certificate pitch"
+            />
+          </h4>
           <span>
-            Add the certificate to your CV or resume, or post it
-            directly on LinkedIn.
+            <FormattedMessage
+              id="enterprise.course.about.course.sidebar.verified.cert.shareable.desc"
+              defaultMessage="Add the certificate to your CV or resume, or post it directly on LinkedIn."
+              description="Description for the verified certificate pitch"
+            />
           </span>
         </div>
       </li>
diff --git a/src/components/course/course-header/CourseHeader.jsx b/src/components/course/course-header/CourseHeader.jsx
index 0d603f915c..80a088d066 100644
--- a/src/components/course/course-header/CourseHeader.jsx
+++ b/src/components/course/course-header/CourseHeader.jsx
@@ -8,6 +8,7 @@ import {
   Badge,
 } from '@openedx/paragon';
 import { Link, useLocation } from 'react-router-dom';
+import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import { AppContext } from '@edx/frontend-platform/react';
 
 import { CourseContext } from '../CourseContextProvider';
@@ -95,7 +96,15 @@ const CourseHeader = () => {
             )}
             <div className={classNames({ 'mb-4': !course.shortDescription, 'd-flex': true, 'align-items-center': true })}>
               <h2>{course.title}</h2>
-              {(features.FEATURE_ENABLE_TOP_DOWN_ASSIGNMENT && isCourseAssigned) && <Badge variant="info" className="ml-4">Assigned</Badge>}
+              {(features.FEATURE_ENABLE_TOP_DOWN_ASSIGNMENT && isCourseAssigned) && (
+                <Badge variant="info" className="ml-4">
+                  <FormattedMessage
+                    id="enterprise.course.about.page.assigned.badge.label"
+                    defaultMessage="Assigned"
+                    description="Assigned badge label for course header on course about page"
+                  />
+                </Badge>
+              )}
             </div>
             {course.shortDescription && (
               <div
@@ -125,20 +134,35 @@ const CourseHeader = () => {
                 <CourseReview />
                 {defaultProgram && (
                   <p className="font-weight-bold mt-3 mb-0">
-                    This course is part of a {formatProgramType(defaultProgram.type)}.
+                    <FormattedMessage
+                      id="enterprise.course.about.page.course.part.of.program"
+                      defaultMessage="This course is part of a {programType}."
+                      description="Message for when a course is part of a program"
+                      values={{
+                        programType: formatProgramType(defaultProgram?.type),
+                      }}
+                    />
                   </p>
                 )}
               </>
             )}
             {!catalog.containsContentItems && isCourseArchived && (
               <p className="d-block font-weight-bold mt-3 mb-0">
-                This course is archived.
+                <FormattedMessage
+                  id="enterprise.course.about.page.course.not.in.catalog.and.archived"
+                  defaultMessage="This course is archived."
+                  description="Message for when a course is archived and not part of the company's curated course catalog"
+                />
                 <CourseMaterialsButton course={course} />
               </p>
             )}
             {!catalog.containsContentItems && !isCourseArchived && (
               <p className="font-weight-bold mt-3 mb-0">
-                This course is not part of your company&apos;s curated course catalog.
+                <FormattedMessage
+                  id="enterprise.course.about.page.course.not.in.catalog"
+                  defaultMessage="This course is not part of your company's curated course catalog."
+                  description="Message for when a course is not part of the company's curated course catalog"
+                />
               </p>
             )}
           </Col>
diff --git a/src/components/course/course-header/CoursePreview.jsx b/src/components/course/course-header/CoursePreview.jsx
index 90dde32606..672274e34b 100644
--- a/src/components/course/course-header/CoursePreview.jsx
+++ b/src/components/course/course-header/CoursePreview.jsx
@@ -4,6 +4,7 @@ import loadable from '@loadable/component';
 
 import { PlayCircleFilled } from '@openedx/paragon/icons';
 import { useToggle, Image, Skeleton } from '@openedx/paragon';
+import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import DelayedFallbackContainer from '../../DelayedFallback/DelayedFallbackContainer';
 
 const VideoPlayer = loadable(() => import(/* webpackChunkName: "videojs" */ '../../video/VideoPlayer'), {
@@ -40,7 +41,11 @@ const CoursePreview = ({ previewImage, previewVideoURL }) => {
               <Image src={previewImage} className="video-thumb" alt="" />
               <div className="video-trigger-cta btn btn-inverse-primary">
                 <PlayCircleFilled className="mr-1" />
-                Play Video
+                <FormattedMessage
+                  id="enterprise.course.about.page.video.play.button.text"
+                  defaultMessage="Play Video"
+                  description="Play Video button text"
+                />
               </div>
             </button>
           )}
diff --git a/src/components/course/course-header/CourseRunCards.jsx b/src/components/course/course-header/CourseRunCards.jsx
index b45e6cfda9..939ea0876a 100644
--- a/src/components/course/course-header/CourseRunCards.jsx
+++ b/src/components/course/course-header/CourseRunCards.jsx
@@ -22,7 +22,6 @@ const CourseRunCards = () => {
     missingUserSubsidyReason,
     userSubsidyApplicableToCourse,
   } = useContext(CourseContext);
-
   return (
     <CardGrid
       columnSizes={{ xs: 12, md: 6, lg: 5 }}
diff --git a/src/components/course/course-header/deprecated/CourseRunCard.jsx b/src/components/course/course-header/deprecated/CourseRunCard.jsx
index e2a1318d8a..e8c3a9071a 100644
--- a/src/components/course/course-header/deprecated/CourseRunCard.jsx
+++ b/src/components/course/course-header/deprecated/CourseRunCard.jsx
@@ -4,6 +4,7 @@ import dayjs from 'dayjs';
 import { useLocation } from 'react-router-dom';
 import { Card } from '@openedx/paragon';
 import { AppContext } from '@edx/frontend-platform/react';
+import { FormattedDate, FormattedMessage, useIntl } from '@edx/frontend-platform/i18n';
 
 import EnrollAction from '../../enrollment/EnrollAction';
 import CourseRunCardStatus from '../CourseRunCardStatus';
@@ -29,7 +30,6 @@ import { determineEnrollmentType } from '../../enrollment/utils';
 import { CourseContext } from '../../CourseContextProvider';
 
 const DATE_FORMAT = 'MMM D';
-const DEFAULT_BUTTON_LABEL = 'Enroll';
 
 const CourseRunCard = ({
   courseEntitlements,
@@ -49,6 +49,13 @@ const CourseRunCard = ({
     isEnrollable,
   } = courseRun;
 
+  const intl = useIntl();
+  const DEFAULT_BUTTON_LABEL = intl.formatMessage({
+    id: 'enterprise.course.about.page.course.run.card.enroll.button.label',
+    defaultMessage: 'Enroll',
+    description: 'Default button label for enrolling in a course run',
+  });
+
   const location = useLocation();
   const { enterpriseConfig } = useContext(AppContext);
   const {
@@ -115,6 +122,7 @@ const CourseRunCard = ({
   });
 
   const courseRunArchived = isArchived(courseRun);
+
   /**
    * Updates to this function should be reflected in docs:
    * see /docs/images/enroll_button_card_generator.rst
@@ -132,8 +140,16 @@ const CourseRunCard = ({
   const [heading, subHeading, buttonLabel] = useMemo(() => {
     if (courseRunArchived) {
       return [
-        'Course archived',
-        'Future dates to be announced',
+        <FormattedMessage
+          id="enterprise.course.about.page.course.run.card.archived.heading"
+          defaultMessage="Course archived"
+          description="Course run card heading for archived course"
+        />,
+        <FormattedMessage
+          id="enterprise.course.about.page.course.run.card.archived.subheading"
+          defaultMessage="Future dates to be announced"
+          description="Course run card subheading for archived course"
+        />,
       ];
     }
 
@@ -144,15 +160,40 @@ const CourseRunCard = ({
       ) {
         // Course will be available in the future
         return [
-          'Coming soon',
-          `Enroll after ${dayjs(courseStartDate).format(DATE_FORMAT)}`,
+          <FormattedMessage
+            id="enterprise.course.about.page.course.run.card.upcoming.heading"
+            defaultMessage="Coming soon"
+            description="Course run card heading for upcoming course"
+          />,
+          <FormattedMessage
+            id="enterprise.course.about.page.course.run.card.upcoming.subheading"
+            defaultMessage="Enroll after {upcomingCourseStartDate}"
+            description="Course run card subheading for upcoming course"
+            values={{
+              upcomingCourseStartDate: (
+                <FormattedDate
+                  value={dayjs(courseStartDate).format(DATE_FORMAT)}
+                  month="short"
+                  day="numeric"
+                />
+              ),
+            }}
+          />,
           DEFAULT_BUTTON_LABEL,
         ];
       }
       // Course no future date availability announced
       return [
-        'Enrollment closed',
-        'Future dates to be announced',
+        <FormattedMessage
+          id="enterprise.course.about.page.course.run.card.enrollment.closed.heading"
+          defaultMessage="Enrollment closed"
+          description="Course run card heading for closed enrollment"
+        />,
+        <FormattedMessage
+          id="enterprise.course.about.page.course.run.card.enrollment.closed.subheading"
+          defaultMessage="Future dates to be announced"
+          description="Course run card subheading for closed enrollment"
+        />,
         DEFAULT_BUTTON_LABEL,
       ];
     }
@@ -161,30 +202,137 @@ const CourseRunCard = ({
       // User is enrolled
       return [
         !isCourseStarted
-          ? `Starts ${dayjs(courseStartDate).format(DATE_FORMAT)}`
-          : 'Course started',
-        'You are enrolled',
-        'View course',
+          ? (
+            <FormattedMessage
+              id="enterprise.course.about.page.enrolled.course.run.card.starts.heading"
+              defaultMessage="Starts {courseStartDate}"
+              description="Course run card heading for course that has not started"
+              values={{
+                courseStartDate: (
+                  <FormattedDate
+                    value={dayjs(courseStartDate).format(DATE_FORMAT)}
+                    month="short"
+                    day="numeric"
+                  />
+                ),
+              }}
+            />
+          )
+          : (
+            <FormattedMessage
+              id="enterprise.course.about.page.enrolled.course.run.card.started.heading"
+              defaultMessage="Course started"
+              description="Course run card heading for course that has started"
+            />
+          ),
+        <FormattedMessage
+          id="enterprise.course.about.page.course.run.card.enrolled.subheading"
+          defaultMessage="You are enrolled"
+          description="Course run card subheading for enrolled course"
+        />,
+        <FormattedMessage
+          id="enterprise.course.about.page.course.run.card.view.course.button.label"
+          defaultMessage="View course"
+          description="Button label for enrolled course run"
+        />,
       ];
     }
     // User is not enrolled
     if (isUserEntitledForCourse({ userEntitlements, courseUuid })) {
       // Is entitled for course
       return [
-        'Entitlement found',
+        <FormattedMessage
+          id="enterprise.course.about.page.course.run.card.entitlement.found.heading"
+          defaultMessage="Entitlement found"
+          description="Course run card heading for entitled user"
+        />,
         '',
-        'View on dashboard',
+        <FormattedMessage
+          id="enterprise.course.about.page.course.run.card.enroll.subheading"
+          defaultMessage="View on dashboard"
+          description="Button label for enrolled course run"
+        />,
       ];
     }
     const tempSubHeading = enrollmentCount > 0
-      ? `${formatStringAsNumber(enrollmentCount)} recently enrolled!`
-      : 'Be the first to enroll!';
+      ? (
+        <FormattedMessage
+          id="enterprise.course.about.page.course.run.card.enrollment.count.greater.than.zero.subheading"
+          defaultMessage="{enrollmentCount} recently enrolled!"
+          description="Course run card subheading for recently enrolled course run with enrollment count"
+          values={{
+            enrollmentCount: formatStringAsNumber(enrollmentCount),
+          }}
+        />
+      )
+      : (
+        <FormattedMessage
+          id="enterprise.course.about.page.course.run.card.enrollment.count.less.than.one.subheading"
+          defaultMessage="Be the first to enroll!"
+          description="Subheading for course run card with enrollment count less than one"
+        />
+      );
 
-    let tempHeading = `${isCourseStarted ? 'Started' : 'Starts'} ${dayjs(courseStartDate).format(DATE_FORMAT)}`;
+    let tempHeading = isCourseStarted
+      ? (
+        <FormattedMessage
+          id="enterprise.course.about.page.course.run.card.started.heading"
+          defaultMessage="Started {courseStartedDate}"
+          description="Course run card heading for course that has started"
+          values={{
+            courseStartedDate: (
+              <FormattedDate
+                value={dayjs(courseStartDate).format(DATE_FORMAT)}
+                month="short"
+                day="numeric"
+              />
+            ),
+          }}
+        />
+      )
+      : (
+        <FormattedMessage
+          id="enterprise.course.about.page.course.run.card.starts.heading"
+          defaultMessage="Starts {courseStartsDate}"
+          description="Course run card heading for course that has not started"
+          values={{
+            courseStartsDate: (
+              <FormattedDate
+                value={dayjs(courseStartDate).format(DATE_FORMAT)}
+                month="short"
+                day="numeric"
+              />
+            ),
+          }}
+        />
+      );
 
     if (isCourseSelfPaced(pacingType)) {
       if (isCourseStarted) {
-        tempHeading = hasTimeToComplete(courseRun) ? `Starts ${dayjs().format(DATE_FORMAT)}` : 'Course started';
+        tempHeading = hasTimeToComplete(courseRun)
+          ? (
+            <FormattedMessage
+              id="enterprise.course.about.page.self.paced.course.run.card.starts.heading"
+              defaultMessage="Starts {courseStartsDate}"
+              description="Course run card heading for course that has not started"
+              values={{
+                courseStartsDate: (
+                  <FormattedDate
+                    value={dayjs(courseStartDate).format(DATE_FORMAT)}
+                    month="short"
+                    day="numeric"
+                  />
+                ),
+              }}
+            />
+          )
+          : (
+            <FormattedMessage
+              id="enterprise.course.about.page.self.paced.course.run.card.started.heading"
+              defaultMessage="Course started"
+              description="Course run card heading for course that has started"
+            />
+          );
       }
     }
     return [
@@ -204,6 +352,7 @@ const CourseRunCard = ({
     pacingType,
     availability,
     courseRun,
+    DEFAULT_BUTTON_LABEL,
   ]);
 
   return (
diff --git a/src/components/course/course-header/tests/CourseHeader.test.jsx b/src/components/course/course-header/tests/CourseHeader.test.jsx
index 5357b60253..a49686af92 100644
--- a/src/components/course/course-header/tests/CourseHeader.test.jsx
+++ b/src/components/course/course-header/tests/CourseHeader.test.jsx
@@ -5,6 +5,7 @@ import { screen, render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import userEvent from '@testing-library/user-event';
 
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import { UserSubsidyContext } from '../../../enterprise-user-subsidy/UserSubsidy';
 import { CourseContextProvider } from '../../CourseContextProvider';
 import { SubsidyRequestsContext, SUBSIDY_TYPE } from '../../../enterprise-subsidy-requests';
@@ -158,17 +159,19 @@ const CourseHeaderWrapper = ({
   initialUserSubsidyState = defaultUserSubsidyState,
   initialSubsidyRequestsState = defaultSubsidyRequestsState,
 }) => (
-  <AppContext.Provider value={initialAppState}>
-    <UserSubsidyContext.Provider value={initialUserSubsidyState}>
-      <SubsidyRequestsContext.Provider value={initialSubsidyRequestsState}>
-        <CourseEnrollmentsContext.Provider value={initialCourseEnrollmentsState}>
-          <CourseContextProvider courseState={courseState}>
-            <CourseHeader />
-          </CourseContextProvider>
-        </CourseEnrollmentsContext.Provider>
-      </SubsidyRequestsContext.Provider>
-    </UserSubsidyContext.Provider>
-  </AppContext.Provider>
+  <IntlProvider locale="en">
+    <AppContext.Provider value={initialAppState}>
+      <UserSubsidyContext.Provider value={initialUserSubsidyState}>
+        <SubsidyRequestsContext.Provider value={initialSubsidyRequestsState}>
+          <CourseEnrollmentsContext.Provider value={initialCourseEnrollmentsState}>
+            <CourseContextProvider courseState={courseState}>
+              <CourseHeader />
+            </CourseContextProvider>
+          </CourseEnrollmentsContext.Provider>
+        </SubsidyRequestsContext.Provider>
+      </UserSubsidyContext.Provider>
+    </AppContext.Provider>
+  </IntlProvider>
 );
 
 describe('<CourseHeader />', () => {
diff --git a/src/components/course/course-header/tests/CoursePreview.test.jsx b/src/components/course/course-header/tests/CoursePreview.test.jsx
index 1c33625069..cf11e23688 100644
--- a/src/components/course/course-header/tests/CoursePreview.test.jsx
+++ b/src/components/course/course-header/tests/CoursePreview.test.jsx
@@ -3,6 +3,7 @@ import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import CoursePreview from '../CoursePreview';
 import { renderWithRouter } from '../../../../utils/tests';
 
@@ -29,7 +30,9 @@ describe('Course Preview Tests', () => {
 
   it('Renders video preview when correct video URL is provided.', () => {
     const { container } = renderWithRouter(
-      <CoursePreview previewImage={imageURL} previewVideoURL={hlsUrl} />,
+      <IntlProvider locale="en">
+        <CoursePreview previewImage={imageURL} previewVideoURL={hlsUrl} />,
+      </IntlProvider>,
     );
     expect(container.querySelector('.course-preview-wrapper')).toBeTruthy();
     expect(container.querySelector('.video-component')).toBeTruthy();
@@ -39,7 +42,9 @@ describe('Course Preview Tests', () => {
 
   it('Renders video preview for youtube videos.', () => {
     const { container } = renderWithRouter(
-      <CoursePreview previewImage={imageURL} previewVideoURL={ytUrl} />,
+      <IntlProvider locale="en">
+        <CoursePreview previewImage={imageURL} previewVideoURL={ytUrl} />,
+      </IntlProvider>,
     );
     expect(container.querySelector('.course-preview-wrapper')).toBeTruthy();
     expect(container.querySelector('.video-component')).toBeTruthy();
@@ -49,7 +54,9 @@ describe('Course Preview Tests', () => {
 
   it('Renders video play button and starts playing when user clicks on play.', async () => {
     const { container } = renderWithRouter(
-      <CoursePreview previewImage={imageURL} previewVideoURL={ytUrl} />,
+      <IntlProvider locale="en">
+        <CoursePreview previewImage={imageURL} previewVideoURL={ytUrl} />,
+      </IntlProvider>,
     );
     expect(container.querySelector('.course-preview-wrapper')).toBeTruthy();
     expect(container.querySelector('.video-component')).toBeTruthy();
diff --git a/src/components/course/course-header/tests/DeprecatedCourseRunCard.test.jsx b/src/components/course/course-header/tests/DeprecatedCourseRunCard.test.jsx
index f0af4cf847..2f438efc90 100644
--- a/src/components/course/course-header/tests/DeprecatedCourseRunCard.test.jsx
+++ b/src/components/course/course-header/tests/DeprecatedCourseRunCard.test.jsx
@@ -3,6 +3,7 @@ import dayjs from 'dayjs';
 import { screen } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import { AppContext } from '@edx/frontend-platform/react';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import {
   renderWithRouter,
   initialAppState,
@@ -99,26 +100,28 @@ const renderCard = ({
 }) => {
   // need to use router, to render component such as react-router's <Link>
   renderWithRouter(
-    <AppContext.Provider value={INITIAL_APP_STATE}>
-      <SubsidyRequestsContext.Provider value={initialSubsidyRequestsState}>
-        <UserSubsidyContext.Provider value={initialUserSubsidyState}>
-          <CourseContextProvider
-            courseState={courseState}
-            userSubsidyApplicableToCourse={userSubsidyApplicableToCourse}
-            userCanRequestSubsidyForCourse={userCanRequestSubsidyForCourse}
-          >
-            <CourseRunCardDeprecated
-              catalogList={['foo']}
-              userEntitlements={userEntitlements}
-              userEnrollments={userEnrollments}
-              courseRun={courseRun}
-              courseKey={COURSE_ID}
-              courseEntitlements={courseEntitlements}
-            />
-          </CourseContextProvider>
-        </UserSubsidyContext.Provider>
-      </SubsidyRequestsContext.Provider>
-    </AppContext.Provider>,
+    <IntlProvider locale="en">
+      <AppContext.Provider value={INITIAL_APP_STATE}>
+        <SubsidyRequestsContext.Provider value={initialSubsidyRequestsState}>
+          <UserSubsidyContext.Provider value={initialUserSubsidyState}>
+            <CourseContextProvider
+              courseState={courseState}
+              userSubsidyApplicableToCourse={userSubsidyApplicableToCourse}
+              userCanRequestSubsidyForCourse={userCanRequestSubsidyForCourse}
+            >
+              <CourseRunCardDeprecated
+                catalogList={['foo']}
+                userEntitlements={userEntitlements}
+                userEnrollments={userEnrollments}
+                courseRun={courseRun}
+                courseKey={COURSE_ID}
+                courseEntitlements={courseEntitlements}
+              />
+            </CourseContextProvider>
+          </UserSubsidyContext.Provider>
+        </SubsidyRequestsContext.Provider>
+      </AppContext.Provider>,
+    </IntlProvider>,
   );
 };
 
diff --git a/src/components/course/data/constants.js b/src/components/course/data/constants.js
index fc854375b5..6b630aadf9 100644
--- a/src/components/course/data/constants.js
+++ b/src/components/course/data/constants.js
@@ -35,7 +35,6 @@ export const COURSE_RUN_AVAILABILITY = {
   ARCHIVED: 'archived',
 };
 
-export const SKILL_DESCRIPTION_PLACEHOLDER = 'No description available.';
 export const SKILL_DESCRIPTION_CUTOFF_LIMIT = 950;
 export const ELLIPSIS_STR = '...';
 
diff --git a/src/components/course/data/hooks.jsx b/src/components/course/data/hooks.jsx
index 587af9d607..7e7921a434 100644
--- a/src/components/course/data/hooks.jsx
+++ b/src/components/course/data/hooks.jsx
@@ -115,7 +115,12 @@ export function useAllCourseData({
  */
 export function useCoursePartners(course) {
   const partners = [];
-  let label = 'Institution';
+  const intl = useIntl();
+  let label = intl.formatMessage({
+    id: 'enterprise.course.about.course.sidebar.institution',
+    defaultMessage: 'Institution',
+    description: 'Label for the institution associated with the course.',
+  });
 
   // Determine whether this course should use the organization override (e.g., for some
   // externally hosted courses) instead of relying on the `owners` property.
@@ -143,7 +148,11 @@ export function useCoursePartners(course) {
       partners.push(owner);
     });
     if (course.owners.length > 1) {
-      label = 'Institutions';
+      label = intl.formatMessage({
+        id: 'enterprise.course.about.course.sidebar.institutions',
+        defaultMessage: 'Institutions',
+        description: 'Label for the institutions associated with the course.',
+      });
     }
   }
   return [partners, label];
@@ -152,13 +161,14 @@ export function useCoursePartners(course) {
 export function useCourseRunWeeksToComplete(courseRun) {
   let weeksToComplete;
   let label;
+  const intl = useIntl();
   if (courseRun?.weeksToComplete >= 0) {
     weeksToComplete = courseRun.weeksToComplete;
-    if (courseRun.weeksToComplete === 1) {
-      label = 'week';
-    } else {
-      label = 'weeks';
-    }
+    label = intl.formatMessage({
+      id: 'enterprise.course.about.course.sidebar.weeks',
+      defaultMessage: '{weeksCount, plural, one {week} other {weeks}}',
+      description: 'Label for the number of weeks it takes to complete the course.',
+    }, { weeksCount: weeksToComplete });
   }
   return [weeksToComplete, label];
 }
@@ -166,13 +176,14 @@ export function useCourseRunWeeksToComplete(courseRun) {
 export function useCourseTranscriptLanguages(courseRun) {
   let languages = [];
   let label;
+  const intl = useIntl();
   if (courseRun?.transcriptLanguages) {
     languages = courseRun.transcriptLanguages;
-    if (courseRun.transcriptLanguages.length > 1) {
-      label = 'Video Transcripts';
-    } else {
-      label = 'Video Transcript';
-    }
+    label = intl.formatMessage({
+      id: 'enterprise.course.about.course.sidebar.transcript',
+      defaultMessage: 'Video {transcriptCount, plural, one {Transcript} other {Transcripts}}',
+      description: 'Label for the number of transcripts available for the course.',
+    }, { transcriptCount: languages.length });
   }
 
   return [languages, label];
@@ -181,6 +192,7 @@ export function useCourseTranscriptLanguages(courseRun) {
 export function useCoursePacingType(courseRun) {
   let pacingType;
   let pacingTypeContent;
+  const intl = useIntl();
 
   if (isCourseSelfPaced(courseRun?.pacingType)) {
     pacingType = COURSE_PACING_MAP.SELF_PACED;
@@ -189,9 +201,17 @@ export function useCoursePacingType(courseRun) {
   }
 
   if (pacingType === COURSE_PACING_MAP.INSTRUCTOR_PACED) {
-    pacingTypeContent = 'Instructor-led on a course schedule';
+    pacingTypeContent = intl.formatMessage({
+      id: 'enterprise.course.about.course.sidebar.instructor.paced',
+      defaultMessage: 'Instructor-led on a course schedule',
+      description: 'Label for instructor-paced course pacing type.',
+    });
   } else if (pacingType === COURSE_PACING_MAP.SELF_PACED) {
-    pacingTypeContent = 'Self-paced on your time';
+    pacingTypeContent = intl.formatMessage({
+      id: 'enterprise.course.about.course.sidebar.self.paced',
+      defaultMessage: 'Self-paced on your time',
+      description: 'Label for self-paced course pacing type.',
+    });
   }
 
   return [pacingType, pacingTypeContent];
diff --git a/src/components/course/data/tests/hooks.test.jsx b/src/components/course/data/tests/hooks.test.jsx
index 64c137424f..bd3ba44f5d 100644
--- a/src/components/course/data/tests/hooks.test.jsx
+++ b/src/components/course/data/tests/hooks.test.jsx
@@ -12,6 +12,7 @@ import { camelCaseObject, getConfig } from '@edx/frontend-platform';
 import { AppContext } from '@edx/frontend-platform/react';
 import { logError } from '@edx/frontend-platform/logging';
 import { sendEnterpriseTrackEvent } from '@edx/frontend-enterprise-utils';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import {
   useAllCourseData,
   useCheckSubsidyAccessPolicyRedeemability,
@@ -513,11 +514,13 @@ describe('useTrackSearchConversionClickHandler', () => {
     },
   };
   const wrapper = ({ children }) => (
-    <AppContext.Provider value={{ enterpriseConfig: mockEnterpriseConfig }}>
-      <CourseContext.Provider value={{ state: mockCourseState }}>
-        {children}
-      </CourseContext.Provider>
-    </AppContext.Provider>
+    <IntlProvider locale="en">
+      <AppContext.Provider value={{ enterpriseConfig: mockEnterpriseConfig }}>
+        <CourseContext.Provider value={{ state: mockCourseState }}>
+          {children}
+        </CourseContext.Provider>
+      </AppContext.Provider>
+    </IntlProvider>
   );
 
   beforeAll(() => {
@@ -598,7 +601,11 @@ describe('useCoursePartners', () => {
         { name: 'Partner 2', logoImageUrl: 'https://partner2.img' },
       ],
     };
-    const { result } = renderHook(() => useCoursePartners(course));
+    const { result } = renderHook(() => useCoursePartners(course), {
+      wrapper: ({ children }) => (
+        <IntlProvider locale="en">{children}</IntlProvider>
+      ),
+    });
     expect(result.current[0]).toEqual([
       { name: 'Partner 1', logoImageUrl: 'https://partner1.img' },
       { name: 'Partner 2', logoImageUrl: 'https://partner2.img' },
@@ -612,7 +619,11 @@ describe('useCoursePartners', () => {
         { name: 'Partner 3', logoImageUrl: 'https://partner3.img' },
       ],
     };
-    const { result } = renderHook(() => useCoursePartners(course));
+    const { result } = renderHook(() => useCoursePartners(course), {
+      wrapper: ({ children }) => (
+        <IntlProvider locale="en">{children}</IntlProvider>
+      ),
+    });
     expect(result.current[0]).toEqual([
       { name: 'Partner 3', logoImageUrl: 'https://partner3.img' },
     ]);
@@ -640,7 +651,11 @@ describe('useCoursePartners', () => {
           marketingUrl: 'https://partner2.marketing',
         }],
     };
-    const { result } = renderHook(() => useCoursePartners(course));
+    const { result } = renderHook(() => useCoursePartners(course), {
+      wrapper: ({ children }) => (
+        <IntlProvider locale="en">{children}</IntlProvider>
+      ),
+    });
     expect(result.current[0]).toEqual([
       {
         uuid: 'partner-1-uuid',
@@ -657,30 +672,50 @@ describe('useCoursePartners', () => {
 describe('useCourseRunWeeksToComplete', () => {
   it('should return the correct weeksToComplete and label', () => {
     const courseRun = { weeksToComplete: 4 };
-    const { result } = renderHook(() => useCourseRunWeeksToComplete(courseRun));
+    const { result } = renderHook(() => useCourseRunWeeksToComplete(courseRun), {
+      wrapper: ({ children }) => (
+        <IntlProvider locale="en">{children}</IntlProvider>
+      ),
+    });
     expect(result.current[0]).toBe(4);
     expect(result.current[1]).toBe('weeks');
   });
   it('should handle 0 weekToComplete', () => {
     const courseRun = { weeksToComplete: 0 };
-    const { result } = renderHook(() => useCourseRunWeeksToComplete(courseRun));
+    const { result } = renderHook(() => useCourseRunWeeksToComplete(courseRun), {
+      wrapper: ({ children }) => (
+        <IntlProvider locale="en">{children}</IntlProvider>
+      ),
+    });
     expect(result.current[0]).toBe(0);
     expect(result.current[1]).toBe('weeks');
   });
   it('should handle 1 weekToComplete', () => {
     const courseRun = { weeksToComplete: 1 };
-    const { result } = renderHook(() => useCourseRunWeeksToComplete(courseRun));
+    const { result } = renderHook(() => useCourseRunWeeksToComplete(courseRun), {
+      wrapper: ({ children }) => (
+        <IntlProvider locale="en">{children}</IntlProvider>
+      ),
+    });
     expect(result.current[0]).toBe(1);
     expect(result.current[1]).toBe('week');
   });
   it('should handle undefined courseRun', () => {
-    const { result } = renderHook(() => useCourseRunWeeksToComplete(undefined));
+    const { result } = renderHook(() => useCourseRunWeeksToComplete(undefined), {
+      wrapper: ({ children }) => (
+        <IntlProvider locale="en">{children}</IntlProvider>
+      ),
+    });
     expect(result.current[0]).toBe(undefined);
     expect(result.current[1]).toBe(undefined);
   });
   it('should handle courseRun with no weeksToComplete', () => {
     const courseRun = {};
-    const { result } = renderHook(() => useCourseRunWeeksToComplete(courseRun));
+    const { result } = renderHook(() => useCourseRunWeeksToComplete(courseRun), {
+      wrapper: ({ children }) => (
+        <IntlProvider locale="en">{children}</IntlProvider>
+      ),
+    });
     expect(result.current[0]).toBe(undefined);
     expect(result.current[1]).toBe(undefined);
   });
@@ -691,7 +726,11 @@ describe('useCourseTranscriptLanguages', () => {
     const courseRun = {
       transcriptLanguages: ['en', 'fr'],
     };
-    const { result } = renderHook(() => useCourseTranscriptLanguages(courseRun));
+    const { result } = renderHook(() => useCourseTranscriptLanguages(courseRun), {
+      wrapper: ({ children }) => (
+        <IntlProvider locale="en">{children}</IntlProvider>
+      ),
+    });
 
     expect(result.current[0]).toEqual(['en', 'fr']);
     expect(result.current[1]).toEqual('Video Transcripts');
@@ -701,14 +740,22 @@ describe('useCourseTranscriptLanguages', () => {
     const courseRun = {
       transcriptLanguages: ['en'],
     };
-    const { result } = renderHook(() => useCourseTranscriptLanguages(courseRun));
+    const { result } = renderHook(() => useCourseTranscriptLanguages(courseRun), {
+      wrapper: ({ children }) => (
+        <IntlProvider locale="en">{children}</IntlProvider>
+      ),
+    });
 
     expect(result.current[0]).toEqual(['en']);
     expect(result.current[1]).toEqual('Video Transcript');
   });
 
   it('does not set state when course run is undefined', () => {
-    const { result } = renderHook(() => useCourseTranscriptLanguages(undefined));
+    const { result } = renderHook(() => useCourseTranscriptLanguages(undefined), {
+      wrapper: ({ children }) => (
+        <IntlProvider locale="en">{children}</IntlProvider>
+      ),
+    });
 
     expect(result.current[0]).toEqual([]);
     expect(result.current[1]).toEqual(undefined);
@@ -716,7 +763,11 @@ describe('useCourseTranscriptLanguages', () => {
 
   it('does not set state when course run has no transcriptLanguages property', () => {
     const courseRun = {};
-    const { result } = renderHook(() => useCourseTranscriptLanguages(courseRun));
+    const { result } = renderHook(() => useCourseTranscriptLanguages(courseRun), {
+      wrapper: ({ children }) => (
+        <IntlProvider locale="en">{children}</IntlProvider>
+      ),
+    });
 
     expect(result.current[0]).toEqual([]);
     expect(result.current[1]).toEqual(undefined);
@@ -737,7 +788,11 @@ describe('CoursePacingType', () => {
   };
   it('should display the correct pacing type and content when passed a self-paced course', () => {
     const courseRun = { pacingType: 'self_paced' };
-    render(<CoursePacingType courseRun={courseRun} />);
+    render(
+      <IntlProvider locale="en">
+        <CoursePacingType courseRun={courseRun} />
+      </IntlProvider>,
+    );
 
     expect(screen.getByText('Pacing Type')).toBeTruthy();
     expect(screen.getByText('self_paced')).toBeTruthy();
@@ -746,7 +801,11 @@ describe('CoursePacingType', () => {
 
   it('should display the correct pacing type and content when passed an instructor-paced course', () => {
     const courseRun = { pacingType: 'instructor_paced' };
-    render(<CoursePacingType courseRun={courseRun} />);
+    render(
+      <IntlProvider locale="en">
+        <CoursePacingType courseRun={courseRun} />
+      </IntlProvider>,
+    );
 
     expect(screen.getByText('Pacing Type')).toBeTruthy();
     expect(screen.getByText('instructor_paced')).toBeTruthy();
diff --git a/src/components/course/routes/tests/CourseAbout.test.jsx b/src/components/course/routes/tests/CourseAbout.test.jsx
index 1d5d9fb871..4f10a42a6f 100644
--- a/src/components/course/routes/tests/CourseAbout.test.jsx
+++ b/src/components/course/routes/tests/CourseAbout.test.jsx
@@ -3,6 +3,7 @@ import '@testing-library/jest-dom/extend-expect';
 import { breakpoints, ResponsiveContext } from '@openedx/paragon';
 
 import { AppContext } from '@edx/frontend-platform/react';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import CourseAbout from '../CourseAbout';
 import { CourseContext } from '../../CourseContextProvider';
 import { UserSubsidyContext } from '../../../enterprise-user-subsidy';
@@ -77,17 +78,19 @@ const CourseAboutWrapper = ({
   initialAppState = appContextValues,
   subsidyRequestsContextValue = defaultSubsidyRequestsContextValue,
 }) => (
-  <ResponsiveContext.Provider value={responsiveContextValue}>
-    <AppContext.Provider value={initialAppState}>
-      <UserSubsidyContext.Provider value={initialUserSubsidyState}>
-        <SubsidyRequestsContext.Provider value={subsidyRequestsContextValue}>
-          <CourseContext.Provider value={courseContextValue}>
-            <CourseAbout />
-          </CourseContext.Provider>
-        </SubsidyRequestsContext.Provider>
-      </UserSubsidyContext.Provider>
-    </AppContext.Provider>
-  </ResponsiveContext.Provider>
+  <IntlProvider locale="en">
+    <ResponsiveContext.Provider value={responsiveContextValue}>
+      <AppContext.Provider value={initialAppState}>
+        <UserSubsidyContext.Provider value={initialUserSubsidyState}>
+          <SubsidyRequestsContext.Provider value={subsidyRequestsContextValue}>
+            <CourseContext.Provider value={courseContextValue}>
+              <CourseAbout />
+            </CourseContext.Provider>
+          </SubsidyRequestsContext.Provider>
+        </UserSubsidyContext.Provider>
+      </AppContext.Provider>
+    </ResponsiveContext.Provider>
+  </IntlProvider>
 );
 
 describe('CourseAbout', () => {
diff --git a/src/components/course/tests/CourseAssociatedPrograms.test.jsx b/src/components/course/tests/CourseAssociatedPrograms.test.jsx
index 70b805f1b3..9aa5967094 100644
--- a/src/components/course/tests/CourseAssociatedPrograms.test.jsx
+++ b/src/components/course/tests/CourseAssociatedPrograms.test.jsx
@@ -6,6 +6,7 @@ import '@testing-library/jest-dom/extend-expect';
 import { sendEnterpriseTrackEvent } from '@edx/frontend-enterprise-utils';
 import { AppContext } from '@edx/frontend-platform/react';
 import userEvent from '@testing-library/user-event';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import { initialAppState } from '../../../utils/tests';
 import { CourseContextProvider } from '../CourseContextProvider';
 import CourseAssociatedPrograms from '../CourseAssociatedPrograms';
@@ -26,13 +27,15 @@ const CourseAssociatedProgramsWithCourseContext = ({
   initialState,
   subsidyRequestContextValue,
 }) => (
-  <AppContext.Provider value={INITIAL_APP_STATE}>
-    <SubsidyRequestsContext.Provider value={subsidyRequestContextValue}>
-      <CourseContextProvider courseState={initialState}>
-        <CourseAssociatedPrograms />
-      </CourseContextProvider>
-    </SubsidyRequestsContext.Provider>
-  </AppContext.Provider>
+  <IntlProvider locale="en">
+    <AppContext.Provider value={INITIAL_APP_STATE}>
+      <SubsidyRequestsContext.Provider value={subsidyRequestContextValue}>
+        <CourseContextProvider courseState={initialState}>
+          <CourseAssociatedPrograms />
+        </CourseContextProvider>
+      </SubsidyRequestsContext.Provider>
+    </AppContext.Provider>
+  </IntlProvider>
 );
 
 CourseAssociatedProgramsWithCourseContext.propTypes = {
diff --git a/src/components/course/tests/CourseEnrollmentFailedAlert.test.jsx b/src/components/course/tests/CourseEnrollmentFailedAlert.test.jsx
index 8089a6f4bb..43c770111d 100644
--- a/src/components/course/tests/CourseEnrollmentFailedAlert.test.jsx
+++ b/src/components/course/tests/CourseEnrollmentFailedAlert.test.jsx
@@ -5,6 +5,7 @@ import {
   screen, render,
 } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import CourseEnrollmentFailedAlert, { ENROLLMENT_SOURCE } from '../CourseEnrollmentFailedAlert';
 import { CourseEnrollmentsContext } from '../../dashboard/main-content/course-enrollments/CourseEnrollmentsContextProvider';
 
@@ -40,11 +41,13 @@ const CourseEnrollmentFailedAlertWrapper = ({
   initialCourseEnrollmentsState = defaultCourseEnrollmentsState,
   ...rest
 }) => (
-  <AppContext.Provider value={initialAppState}>
-    <CourseEnrollmentsContext.Provider value={initialCourseEnrollmentsState}>
-      <CourseEnrollmentFailedAlert {...rest} />
-    </CourseEnrollmentsContext.Provider>
-  </AppContext.Provider>
+  <IntlProvider locale="en">
+    <AppContext.Provider value={initialAppState}>
+      <CourseEnrollmentsContext.Provider value={initialCourseEnrollmentsState}>
+        <CourseEnrollmentFailedAlert {...rest} />
+      </CourseEnrollmentsContext.Provider>
+    </AppContext.Provider>
+  </IntlProvider>
 );
 
 describe('<CourseEnrollmentFailedAlert />', () => {
diff --git a/src/components/course/tests/CourseMainContent.test.jsx b/src/components/course/tests/CourseMainContent.test.jsx
index 7ba0bfe644..b19599c5e1 100644
--- a/src/components/course/tests/CourseMainContent.test.jsx
+++ b/src/components/course/tests/CourseMainContent.test.jsx
@@ -3,6 +3,7 @@ import { AppContext } from '@edx/frontend-platform/react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import CourseMainContent from '../CourseMainContent';
 import { CourseContext } from '../CourseContextProvider';
 
@@ -51,11 +52,13 @@ const CourseMainContentWrapper = ({
   appContextValue = baseAppContextValue,
   courseContextValue = baseCourseContextValue,
 }) => (
-  <AppContext.Provider value={appContextValue}>
-    <CourseContext.Provider value={courseContextValue}>
-      <CourseMainContent />
-    </CourseContext.Provider>
-  </AppContext.Provider>
+  <IntlProvider locale="en">
+    <AppContext.Provider value={appContextValue}>
+      <CourseContext.Provider value={courseContextValue}>
+        <CourseMainContent />
+      </CourseContext.Provider>
+    </AppContext.Provider>
+  </IntlProvider>
 );
 
 describe('ExternalCourseEnrollment', () => {
diff --git a/src/components/course/tests/CoursePage.test.jsx b/src/components/course/tests/CoursePage.test.jsx
index 4bde704b03..75a1459c9b 100644
--- a/src/components/course/tests/CoursePage.test.jsx
+++ b/src/components/course/tests/CoursePage.test.jsx
@@ -4,6 +4,7 @@ import { MemoryRouter } from 'react-router-dom';
 import { AppContext } from '@edx/frontend-platform/react';
 import '@testing-library/jest-dom/extend-expect';
 
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import { UserSubsidyContext } from '../../enterprise-user-subsidy/UserSubsidy';
 import { SubsidyRequestsContext, SUBSIDY_TYPE } from '../../enterprise-subsidy-requests';
 import CoursePage from '../CoursePage';
@@ -202,15 +203,17 @@ const mockLocation = { search: '?course_run_key=test-course-run-key' };
 const mockParams = { courseKey: 'test-course-key' };
 
 const CoursePageWrapper = () => (
-  <AppContext.Provider value={{ enterpriseConfig: mockEnterpriseConfig }}>
-    <UserSubsidyContext.Provider value={initialUserSubsidyState}>
-      <SubsidyRequestsContext.Provider value={initialSubsidyRequestsState}>
-        <MemoryRouter>
-          <CoursePage location={mockLocation} match={{ params: mockParams }} />
-        </MemoryRouter>
-      </SubsidyRequestsContext.Provider>
-    </UserSubsidyContext.Provider>
-  </AppContext.Provider>
+  <IntlProvider locale="en">
+    <AppContext.Provider value={{ enterpriseConfig: mockEnterpriseConfig }}>
+      <UserSubsidyContext.Provider value={initialUserSubsidyState}>
+        <SubsidyRequestsContext.Provider value={initialSubsidyRequestsState}>
+          <MemoryRouter>
+            <CoursePage location={mockLocation} match={{ params: mockParams }} />
+          </MemoryRouter>
+        </SubsidyRequestsContext.Provider>
+      </UserSubsidyContext.Provider>
+    </AppContext.Provider>
+  </IntlProvider>
 );
 
 describe('CoursePage', () => {
diff --git a/src/components/course/tests/CourseRecommendationCard.test.jsx b/src/components/course/tests/CourseRecommendationCard.test.jsx
index 79f197b763..aa4f8c7c26 100644
--- a/src/components/course/tests/CourseRecommendationCard.test.jsx
+++ b/src/components/course/tests/CourseRecommendationCard.test.jsx
@@ -5,6 +5,7 @@ import { AppContext } from '@edx/frontend-platform/react';
 import '@testing-library/jest-dom/extend-expect';
 import { sendEnterpriseTrackEvent } from '@edx/frontend-enterprise-utils';
 import userEvent from '@testing-library/user-event';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import { renderWithRouter } from '../../../utils/tests';
 import { TEST_IMAGE_URL, TEST_ENTERPRISE_SLUG } from '../../search/tests/constants';
 import CourseRecommendationCard, { COURSE_REC_EVENT_NAME, SAME_PART_EVENT_NAME } from '../CourseRecommendationCard';
@@ -22,9 +23,11 @@ const initialAppState = {
 };
 
 const CourseRecommendationCardWithContext = (props) => (
-  <AppContext.Provider value={initialAppState}>
-    <CourseRecommendationCard {...props} />
-  </AppContext.Provider>
+  <IntlProvider locale="en">
+    <AppContext.Provider value={initialAppState}>
+      <CourseRecommendationCard {...props} />
+    </AppContext.Provider>
+  </IntlProvider>
 );
 
 const TEST_COURSE_KEY = 'test-course-key';
diff --git a/src/components/course/tests/CourseRecommendations.test.jsx b/src/components/course/tests/CourseRecommendations.test.jsx
index ad43ab964b..f218968c51 100644
--- a/src/components/course/tests/CourseRecommendations.test.jsx
+++ b/src/components/course/tests/CourseRecommendations.test.jsx
@@ -3,6 +3,7 @@ import '@testing-library/jest-dom';
 import { screen } from '@testing-library/react';
 import { AppContext } from '@edx/frontend-platform/react';
 import '@testing-library/jest-dom/extend-expect';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import { renderWithRouter } from '../../../utils/tests';
 import { TEST_IMAGE_URL, TEST_ENTERPRISE_SLUG } from '../../search/tests/constants';
 import { CourseContext } from '../CourseContextProvider';
@@ -49,11 +50,13 @@ const defaultCourseState = {
 };
 
 const CourseRecommendationsWithContext = () => (
-  <AppContext.Provider value={initialAppState}>
-    <CourseContext.Provider value={defaultCourseState}>
-      <CourseRecommendations />
-    </CourseContext.Provider>
-  </AppContext.Provider>
+  <IntlProvider locale="en">
+    <AppContext.Provider value={initialAppState}>
+      <CourseContext.Provider value={defaultCourseState}>
+        <CourseRecommendations />
+      </CourseContext.Provider>
+    </AppContext.Provider>
+  </IntlProvider>
 );
 
 describe('<CourseRecommendations />', () => {
diff --git a/src/components/course/tests/CourseSidebar.test.jsx b/src/components/course/tests/CourseSidebar.test.jsx
index 40ce24038f..2a3586836a 100644
--- a/src/components/course/tests/CourseSidebar.test.jsx
+++ b/src/components/course/tests/CourseSidebar.test.jsx
@@ -7,6 +7,7 @@ import {
   AccessTime, Equalizer, Institution, Person, School, Speed, Tag, VideoFile,
 } from '@openedx/paragon/icons';
 
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import CourseSidebar from '../CourseSidebar';
 import CourseSidebarListItem from '../CourseSidebarListItem';
 import { CourseContext } from '../CourseContextProvider';
@@ -96,11 +97,13 @@ const CourseSidebarWrapper = ({
   appContextValue = baseAppContextValue,
   courseContextValue = baseCourseContextValue,
 }) => (
-  <AppContext.Provider value={appContextValue}>
-    <CourseContext.Provider value={courseContextValue}>
-      <CourseSidebar />
-    </CourseContext.Provider>
-  </AppContext.Provider>
+  <IntlProvider locale="en">
+    <AppContext.Provider value={appContextValue}>
+      <CourseContext.Provider value={courseContextValue}>
+        <CourseSidebar />
+      </CourseContext.Provider>
+    </AppContext.Provider>
+  </IntlProvider>
 );
 
 describe('CourseSidebarWrapper', () => {
diff --git a/src/components/course/tests/CourseSidebarPrice.test.jsx b/src/components/course/tests/CourseSidebarPrice.test.jsx
index e8948e827c..23ae83cfd8 100644
--- a/src/components/course/tests/CourseSidebarPrice.test.jsx
+++ b/src/components/course/tests/CourseSidebarPrice.test.jsx
@@ -3,14 +3,10 @@ import { screen, render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
 import { AppContext } from '@edx/frontend-platform/react';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import { CourseContextProvider } from '../CourseContextProvider';
 import { SubsidyRequestsContext, SUBSIDY_TYPE } from '../../enterprise-subsidy-requests';
-import CourseSidebarPrice, {
-  INCLUDED_IN_SUBSCRIPTION_MESSAGE,
-  FREE_WHEN_APPROVED_MESSAGE,
-  COVERED_BY_ENTERPRISE_OFFER_MESSAGE,
-  ASSIGNED_COURSE_MESSAGE,
-} from '../CourseSidebarPrice';
+import CourseSidebarPrice from '../CourseSidebarPrice';
 import {
   LICENSE_SUBSIDY_TYPE,
   COUPON_CODE_SUBSIDY_TYPE,
@@ -136,15 +132,17 @@ const SidebarWithContext = ({
   courseContextProps = {},
   userSubsidyContextValue = defaultUserSubsidyContextValue,
 }) => (
-  <AppContext.Provider value={initialAppState}>
-    <UserSubsidyContext.Provider value={userSubsidyContextValue}>
-      <SubsidyRequestsContext.Provider value={subsidyRequestsState}>
-        <CourseContextProvider {...courseContextProps}>
-          <CourseSidebarPrice />
-        </CourseContextProvider>
-      </SubsidyRequestsContext.Provider>
-    </UserSubsidyContext.Provider>
-  </AppContext.Provider>
+  <IntlProvider locale="en">
+    <AppContext.Provider value={initialAppState}>
+      <UserSubsidyContext.Provider value={userSubsidyContextValue}>
+        <SubsidyRequestsContext.Provider value={subsidyRequestsState}>
+          <CourseContextProvider {...courseContextProps}>
+            <CourseSidebarPrice />
+          </CourseContextProvider>
+        </SubsidyRequestsContext.Provider>
+      </UserSubsidyContext.Provider>
+    </AppContext.Provider>
+  </IntlProvider>
 );
 
 const SPONSORED_BY_TEXT = 'Sponsored by test-enterprise';
@@ -162,11 +160,11 @@ describe('<CourseSidebarPrice/> ', () => {
         />,
       );
       expect(screen.getByText(/\$7.50 USD/)).toBeInTheDocument();
-      expect(screen.getByText(FREE_WHEN_APPROVED_MESSAGE.replace('\n', ' '))).toBeInTheDocument();
+      expect(screen.getByText(/Free to me.*\(when approved\)/)).toBeInTheDocument();
       expect(screen.getByTestId('browse-and-request-pricing')).toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).not.toBeInTheDocument();
       expect(screen.queryByText(SPONSORED_BY_TEXT)).not.toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).not.toBeInTheDocument();
     });
 
     test('Display correct message when browse and request on, course is included in subsidy request catalog(s), and user has no subsidy', () => {
@@ -183,11 +181,11 @@ describe('<CourseSidebarPrice/> ', () => {
         />,
       );
       expect(screen.getByText(/\$7.50 USD/)).toBeInTheDocument();
-      expect(screen.queryByText(FREE_WHEN_APPROVED_MESSAGE.replace('\n', ' '))).not.toBeInTheDocument();
+      expect(screen.queryByText(/Free to me.*\(when approved\)/)).not.toBeInTheDocument();
       expect(screen.queryByTestId('browse-and-request-pricing')).not.toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).not.toBeInTheDocument();
       expect(screen.queryByText(SPONSORED_BY_TEXT)).not.toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).not.toBeInTheDocument();
     });
   });
 
@@ -216,9 +214,9 @@ describe('<CourseSidebarPrice/> ', () => {
       );
       expect(screen.getByText('Priced reduced from:')).toBeInTheDocument();
       expect(screen.getByText(/\$7.50 USD/)).toBeInTheDocument();
-      expect(screen.queryByText(COVERED_BY_ENTERPRISE_OFFER_MESSAGE)).toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).not.toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText("This course can be purchased with your organization's learner credit")).toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).not.toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).not.toBeInTheDocument();
       expect(screen.queryByText(SPONSORED_BY_TEXT)).not.toBeInTheDocument();
     });
   });
@@ -229,10 +227,10 @@ describe('<CourseSidebarPrice/> ', () => {
         <SidebarWithContext courseContextProps={baseCourseContextProps} />,
       );
       expect(screen.getByText(/\$7.50 USD/)).toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).not.toBeInTheDocument();
       expect(screen.queryByText(SPONSORED_BY_TEXT)).not.toBeInTheDocument();
-      expect(screen.queryByText(COVERED_BY_ENTERPRISE_OFFER_MESSAGE)).not.toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText("This course can be purchased with your organization's learner credit")).not.toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).not.toBeInTheDocument();
     });
   });
 
@@ -245,27 +243,27 @@ describe('<CourseSidebarPrice/> ', () => {
       );
       expect(screen.queryByText(/\$7.50 USD/)).not.toBeInTheDocument();
       expect(screen.queryByText(/\$0.00 USD/)).not.toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).toBeInTheDocument();
       expect(screen.queryByText(SPONSORED_BY_TEXT)).not.toBeInTheDocument();
-      expect(screen.queryByText(COVERED_BY_ENTERPRISE_OFFER_MESSAGE)).not.toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText("This course can be purchased with your organization's learner credit")).not.toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).not.toBeInTheDocument();
     });
     test('coupon code 100% subsidy, shows no price, correct message', () => {
       render(<SidebarWithContext courseContextProps={courseContextPropsFullCouponCodeSubsidy} />);
       expect(screen.queryByText(/\$7.50 USD/)).not.toBeInTheDocument();
       expect(screen.queryByText(/\$0.00 USD/)).not.toBeInTheDocument();
       expect(screen.queryByText(SPONSORED_BY_TEXT)).toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).not.toBeInTheDocument();
-      expect(screen.queryByText(COVERED_BY_ENTERPRISE_OFFER_MESSAGE)).not.toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).not.toBeInTheDocument();
+      expect(screen.queryByText("This course can be purchased with your organization's learner credit")).not.toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).not.toBeInTheDocument();
     });
     test('coupon code non-full subsidy, shows discounted price only, correct message', () => {
       render(<SidebarWithContext courseContextProps={courseContextPropsPartialCouponCodeSubsidy} />);
       expect(screen.getByText(/\$3.75 USD/)).toBeInTheDocument();
       expect(screen.queryByText(SPONSORED_BY_TEXT)).toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).not.toBeInTheDocument();
-      expect(screen.queryByText(COVERED_BY_ENTERPRISE_OFFER_MESSAGE)).not.toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).not.toBeInTheDocument();
+      expect(screen.queryByText("This course can be purchased with your organization's learner credit")).not.toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).not.toBeInTheDocument();
     });
     test('assigned course, shows no price, correct message', () => {
       render(
@@ -276,10 +274,10 @@ describe('<CourseSidebarPrice/> ', () => {
       );
       expect(screen.queryByText(/\$7.50 USD/)).not.toBeInTheDocument();
       expect(screen.queryByText(/\$0.00 USD/)).not.toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).not.toBeInTheDocument();
       expect(screen.queryByText(SPONSORED_BY_TEXT)).not.toBeInTheDocument();
-      expect(screen.queryByText(COVERED_BY_ENTERPRISE_OFFER_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText("This course can be purchased with your organization's learner credit")).not.toBeInTheDocument();
     });
   });
 
@@ -290,10 +288,10 @@ describe('<CourseSidebarPrice/> ', () => {
         courseContextProps={baseCourseContextProps}
       />);
       expect(screen.getByText(/\$7.50 USD/)).toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).not.toBeInTheDocument();
       expect(screen.queryByText(SPONSORED_BY_TEXT)).not.toBeInTheDocument();
-      expect(screen.queryByText(COVERED_BY_ENTERPRISE_OFFER_MESSAGE)).not.toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText("This course can be purchased with your organization's learner credit")).not.toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).not.toBeInTheDocument();
     });
     test('subscription license subsidy, shows orig crossed out price, correct message', () => {
       render(<SidebarWithContext
@@ -301,10 +299,10 @@ describe('<CourseSidebarPrice/> ', () => {
         courseContextProps={courseContextPropsWithLicenseSubsidy}
       />);
       expect(screen.getByText(/\$7.50 USD/)).toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).toBeInTheDocument();
       expect(screen.queryByText(SPONSORED_BY_TEXT)).not.toBeInTheDocument();
-      expect(screen.queryByText(COVERED_BY_ENTERPRISE_OFFER_MESSAGE)).not.toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText("This course can be purchased with your organization's learner credit")).not.toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).not.toBeInTheDocument();
     });
     test('coupon code 100% subsidy, shows orig price, correct message', () => {
       render(<SidebarWithContext
@@ -312,10 +310,10 @@ describe('<CourseSidebarPrice/> ', () => {
         courseContextProps={courseContextPropsFullCouponCodeSubsidy}
       />);
       expect(screen.getByText(/\$7.50 USD/)).toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).not.toBeInTheDocument();
       expect(screen.getByText(SPONSORED_BY_TEXT)).toBeInTheDocument();
-      expect(screen.queryByText(COVERED_BY_ENTERPRISE_OFFER_MESSAGE)).not.toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText("This course can be purchased with your organization's learner credit")).not.toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).not.toBeInTheDocument();
     });
     test('coupon code non-full subsidy, shows orig and discounted price only, correct message', () => {
       render(<SidebarWithContext
@@ -324,10 +322,10 @@ describe('<CourseSidebarPrice/> ', () => {
       />);
       expect(screen.getByText(/\$7.50 USD/)).toBeInTheDocument();
       expect(screen.getByText(/\$3.75 USD/)).toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).not.toBeInTheDocument();
       expect(screen.getByText(SPONSORED_BY_TEXT)).toBeInTheDocument();
-      expect(screen.queryByText(COVERED_BY_ENTERPRISE_OFFER_MESSAGE)).not.toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText("This course can be purchased with your organization's learner credit")).not.toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).not.toBeInTheDocument();
     });
     test('assigned course, shows orig price, correct message', () => {
       render(
@@ -338,10 +336,10 @@ describe('<CourseSidebarPrice/> ', () => {
         />,
       );
       expect(screen.queryByText(/\$7.50 USD/)).toBeInTheDocument();
-      expect(screen.queryByText(ASSIGNED_COURSE_MESSAGE)).toBeInTheDocument();
-      expect(screen.queryByText(INCLUDED_IN_SUBSCRIPTION_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText('This course is assigned to you. The price of this course is already covered by your organization.')).toBeInTheDocument();
+      expect(screen.queryByText('Included in your subscription')).not.toBeInTheDocument();
       expect(screen.queryByText(SPONSORED_BY_TEXT)).not.toBeInTheDocument();
-      expect(screen.queryByText(COVERED_BY_ENTERPRISE_OFFER_MESSAGE)).not.toBeInTheDocument();
+      expect(screen.queryByText("This course can be purchased with your organization's learner credit")).not.toBeInTheDocument();
     });
   });
 
diff --git a/src/components/course/tests/CourseSkills.test.jsx b/src/components/course/tests/CourseSkills.test.jsx
index 11cfd4780c..d48750d458 100644
--- a/src/components/course/tests/CourseSkills.test.jsx
+++ b/src/components/course/tests/CourseSkills.test.jsx
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { AppContext } from '@edx/frontend-platform/react';
 import { screen, fireEvent, act } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import { renderWithRouter } from '../../../utils/tests';
 
 import { SubsidyRequestsContext } from '../../enterprise-subsidy-requests';
@@ -30,13 +31,15 @@ const CourseSkillsWithContext = ({
   courseState,
   initialSubsidyRequestContextValue,
 }) => (
-  <AppContext.Provider value={initialAppState}>
-    <SubsidyRequestsContext.Provider value={initialSubsidyRequestContextValue}>
-      <CourseContextProvider courseState={courseState}>
-        <CourseSkills />
-      </CourseContextProvider>
-    </SubsidyRequestsContext.Provider>
-  </AppContext.Provider>
+  <IntlProvider locale="en">
+    <AppContext.Provider value={initialAppState}>
+      <SubsidyRequestsContext.Provider value={initialSubsidyRequestContextValue}>
+        <CourseContextProvider courseState={courseState}>
+          <CourseSkills />
+        </CourseContextProvider>
+      </SubsidyRequestsContext.Provider>
+    </AppContext.Provider>
+  </IntlProvider>
 );
 
 CourseSkillsWithContext.propTypes = {
diff --git a/src/components/course/tests/CreatedBy.test.jsx b/src/components/course/tests/CreatedBy.test.jsx
index 86b0ff5c1c..05fea16908 100644
--- a/src/components/course/tests/CreatedBy.test.jsx
+++ b/src/components/course/tests/CreatedBy.test.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { screen, render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import { CourseContextProvider } from '../CourseContextProvider';
 import CreatedBy from '../CreatedBy';
 import { SubsidyRequestsContext } from '../../enterprise-subsidy-requests';
@@ -13,11 +14,13 @@ const initialSubsidyRequestsState = {
 };
 
 const CreatedByWithCourseContext = ({ courseState = {} }) => (
-  <SubsidyRequestsContext.Provider value={initialSubsidyRequestsState}>
-    <CourseContextProvider courseState={courseState}>
-      <CreatedBy />
-    </CourseContextProvider>
-  </SubsidyRequestsContext.Provider>
+  <IntlProvider locale="en">
+    <SubsidyRequestsContext.Provider value={initialSubsidyRequestsState}>
+      <CourseContextProvider courseState={courseState}>
+        <CreatedBy />
+      </CourseContextProvider>
+    </SubsidyRequestsContext.Provider>
+  </IntlProvider>
 );
 
 describe('<CreatedBy />', () => {
diff --git a/src/components/course/tests/SubsidyRequestButton.test.jsx b/src/components/course/tests/SubsidyRequestButton.test.jsx
index 10fb0c6e38..2cf9ca0fdf 100644
--- a/src/components/course/tests/SubsidyRequestButton.test.jsx
+++ b/src/components/course/tests/SubsidyRequestButton.test.jsx
@@ -4,6 +4,7 @@ import {
 } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import userEvent from '@testing-library/user-event';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 import { ToastsContext } from '../../Toasts/ToastsProvider';
 import { SubsidyRequestsContext, SUBSIDY_REQUEST_STATE, SUBSIDY_TYPE } from '../../enterprise-subsidy-requests';
 import SubsidyRequestButton from '../SubsidyRequestButton';
@@ -58,13 +59,15 @@ const SubsidyRequestButtonWrapper = ({
   subsidyRequestsState = {},
   courseContextValue = defaultCourseContextValue,
 }) => (
-  <ToastsContext.Provider value={initialToastsState}>
-    <SubsidyRequestsContext.Provider value={{ ...initialSubsidyRequestsState, ...subsidyRequestsState }}>
-      <CourseContext.Provider value={{ state: courseState, ...courseContextValue }}>
-        <SubsidyRequestButton />
-      </CourseContext.Provider>
-    </SubsidyRequestsContext.Provider>
-  </ToastsContext.Provider>
+  <IntlProvider locale="en">
+    <ToastsContext.Provider value={initialToastsState}>
+      <SubsidyRequestsContext.Provider value={{ ...initialSubsidyRequestsState, ...subsidyRequestsState }}>
+        <CourseContext.Provider value={{ state: courseState, ...courseContextValue }}>
+          <SubsidyRequestButton />
+        </CourseContext.Provider>
+      </SubsidyRequestsContext.Provider>
+    </ToastsContext.Provider>
+  </IntlProvider>
 );
 
 describe('<SubsidyRequestButton />', () => {
diff --git a/src/components/course/tests/VerifiedCertPitch.test.jsx b/src/components/course/tests/VerifiedCertPitch.test.jsx
index 496981e5f1..836344938d 100644
--- a/src/components/course/tests/VerifiedCertPitch.test.jsx
+++ b/src/components/course/tests/VerifiedCertPitch.test.jsx
@@ -1,13 +1,14 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
 import '@testing-library/jest-dom/extend-expect';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
 
 import VerifiedCertPitch from '../VerifiedCertPitch';
 
 describe('VerifiedCertPitch', () => {
   it('renders', () => {
     const tree = renderer
-      .create(<VerifiedCertPitch />)
+      .create(<IntlProvider locale="en"><VerifiedCertPitch /></IntlProvider>)
       .toJSON();
     expect(tree).toMatchSnapshot();
   });
diff --git a/src/components/course/tests/__snapshots__/CourseMainContent.test.jsx.snap b/src/components/course/tests/__snapshots__/CourseMainContent.test.jsx.snap
index 1d741da64b..1247807d81 100644
--- a/src/components/course/tests/__snapshots__/CourseMainContent.test.jsx.snap
+++ b/src/components/course/tests/__snapshots__/CourseMainContent.test.jsx.snap
@@ -96,9 +96,7 @@ Array [
       </div>
     </div>
     <p>
-      The production of this course would not have been possible without the generous contributions of 
-      Test Sponsor
-      .
+      The production of this course would not have been possible without the generous contributions of Test Sponsor.
     </p>
   </div>,
   <div