fix: tests

src/containers/CourseCard/components/Banners/CertificateBanner.jsx

@@ -61,23 +61,12 @@ export const CertificateBanner = ({ cardId }) => {
     );
   }
   if (certificate.isDownloadable) {
-    if (certificate.certPreviewUrl) {
-      return (
-        <Banner variant="success" icon={CheckCircle}>
-          {formatMessage(messages.certReady)}
-          {'  '}
-          <Hyperlink destination={certificate.certPreviewUrl}>
-            {formatMessage(messages.viewCertificate)}
-          </Hyperlink>
-        </Banner>
-      );
-    }
     return (
       <Banner variant="success" icon={CheckCircle}>
         {formatMessage(messages.certReady)}
         {'  '}
-        <Hyperlink destination={certificate.certDownloadUrl}>
-          {formatMessage(messages.downloadCertificate)}
+        <Hyperlink destination={certificate.certPreviewUrl}>
+          {formatMessage(messages.viewCertificate)}
         </Hyperlink>
       </Banner>
     );

src/containers/CourseCard/components/CourseCardDetails/hooks.js

@@ -8,6 +8,9 @@ export const useAccessMessage = ({ cardId }) => {
   const { formatMessage, formatDate } = useIntl();
   const enrollment = appHooks.useCardEnrollmentData(cardId);
   const courseRun = appHooks.useCardCourseRunData(cardId);
+  if (!courseRun.isStarted) {
+    return formatMessage(messages.courseStarts, { startDate: courseRun.startDate });
+  }
   if (enrollment.isEnrolled) {
     if (enrollment.isAudit) {
       const {

src/containers/CourseCard/components/CourseCardDetails/hooks.test.js

@@ -80,8 +80,10 @@ describe('CourseCardDetails hooks', () => {
       isAuditAccessExpired: false,
     };
     const courseRunData = {
+      isStarted: true,
       isFinished: false,
-      endDate: '10/20/1000',
+      startDate: '10/10/1000',
+      endDate: '10/20/2000',
     };
     const runHook = ({ enrollment = {}, courseRun = {} }) => {
       appHooks.useCardCourseRunData.mockReturnValueOnce({
@@ -101,6 +103,19 @@ describe('CourseCardDetails hooks', () => {
       expect(appHooks.useCardEnrollmentData).toHaveBeenCalledWith(cardId);
     });
 
+    describe('if not started yet', () => {
+      it('returns accessExpired message with accessExpirationDate from cardData', () => {
+        runHook({
+          enrollment: { isAudit: true, isAuditAccessExpired: true },
+          courseRun: { isStarted: false },
+        });
+        expect(out).toEqual(formatMessage(
+          messages.courseStarts,
+          { startDate: dateFormatter(formatDate, courseRunData.startDate) },
+        ));
+      });
+    });
+
     describe('if audit, and expired', () => {
       it('returns accessExpired message with accessExpirationDate from cardData', () => {
         runHook({ enrollment: { isAudit: true, isAuditAccessExpired: true } });

src/containers/CourseCard/components/CourseCardDetails/messages.js

@@ -21,6 +21,11 @@ export const messages = StrictDict({
     description: 'Course ending message on course card.',
     defaultMessage: 'Course ends {endDate}',
   },
+  courseStarts: {
+    id: 'learner-dash.courseCard.CourseCardDetails.courseStarts',
+    description: 'Course start date message on course card.',
+    defaultMessage: 'Course starts {startDate}',
+  },
   unknownProviderName: {
     id: 'learner-dash.courseCard.CourseCardDetails.unknownProviderName',
     description: 'Provider name display when name is unknown',