richie-education 3.0.1-dev8 → 3.0.1-dev9

package/js/components/CourseGlimpse/CourseGlimpseFooter.tsx

@@ -6,32 +6,32 @@ import { CourseOffer } from 'types/Course';
 
 const messages = defineMessages({
   dateIconAlt: {
-    defaultMessage: 'Course date',
+    defaultMessage: 'Availability',
     description: 'Course date logo alternative text for screen reader users',
     id: 'components.CourseGlimpseFooter.dateIconAlt',
   },
   enrollmentOfferIconFreeAlt: {
-    defaultMessage: 'The entire course can be completed for free.',
+    defaultMessage: 'All content is available for free',
     description: 'Course offers free alternative text',
     id: 'components.CourseGlimpseFooter.enrollmentOfferIconFreeAlt',
   },
   enrollmentOfferIconPartiallyFreeAlt: {
-    defaultMessage: 'More than half of the course is for free.',
+    defaultMessage: 'Most of the content is available for free',
     description: 'Course offers partially free alternative text',
     id: 'components.CourseGlimpseFooter.enrollmentOfferIconPartiallyFreeAlt',
   },
   enrollmentOfferIconPaidAlt: {
-    defaultMessage: 'Course requires a payment.',
+    defaultMessage: 'Access requires payment',
     description: 'Course offers paid alternative text',
     id: 'components.CourseGlimpseFooter.enrollmentOfferIconPaidAlt',
   },
   enrollmentOfferIconSubscriptionAlt: {
-    defaultMessage: 'Course requires to be a subscriber or a paid member.',
+    defaultMessage: 'Access requires a subscription',
     description: 'Course offers subscription alternative text',
     id: 'components.CourseGlimpseFooter.enrollmentOfferIconSubscriptionAlt',
   },
   certificateOfferIconAlt: {
-    defaultMessage: 'The course offers a certification.',
+    defaultMessage: 'An exam is available',
     description: 'Course certificate offer alternative text',
     id: 'components.CourseGlimpseFooter.certificateOfferIconAlt',
   },

package/js/components/CourseGlimpse/index.spec.tsx

@@ -85,7 +85,7 @@ describe('widgets/Search/components/CourseGlimpse', () => {
     screen.getByText('Some Organization');
     screen.getByText('Category');
     // Matches on 'Starting on March 14, 2019', date is wrapped with intl <span>
-    screen.getByLabelText('Course date');
+    screen.getByLabelText('Availability');
     screen.getByText('Starting on March 14, 2019');
 
     // Check course logo
@@ -110,10 +110,10 @@ describe('widgets/Search/components/CourseGlimpse', () => {
     expect(orgImg).toHaveAttribute('src', '/thumbs/org_small.png');
 
     // Check certificate offer
-    within(container).getByRole('img', { name: 'The course offers a certification.' });
+    within(container).getByRole('img', { name: 'An exam is available' });
 
     // Check offer information
-    const offerIcon = within(container).getByRole('img', { name: 'Course requires a payment.' });
+    const offerIcon = within(container).getByRole('img', { name: 'Access requires payment' });
     const useElement = offerIcon.lastChild;
     expect(useElement).toHaveAttribute('href', '#icon-offer-paid');
 
@@ -193,7 +193,7 @@ describe('widgets/Search/components/CourseGlimpse', () => {
     expect(containerElement).toHaveClass('course-glimpse--offer-free');
 
     const offerIcon = within(container).getByRole('img', {
-      name: 'The entire course can be completed for free.',
+      name: 'All content is available for free',
     });
     const useElement = offerIcon.lastChild;
     expect(useElement).toHaveAttribute('href', '#icon-offer-free');
@@ -203,10 +203,10 @@ describe('widgets/Search/components/CourseGlimpse', () => {
   });
 
   it.each([
-    [CourseOffer.FREE, 'The entire course can be completed for free.'],
-    [CourseOffer.PARTIALLY_FREE, 'More than half of the course is for free.'],
-    [CourseOffer.PAID, 'Course requires a payment.'],
-    [CourseOffer.SUBSCRIPTION, 'Course requires to be a subscriber or a paid member.'],
+    [CourseOffer.FREE, 'All content is available for free'],
+    [CourseOffer.PARTIALLY_FREE, 'Most of the content is available for free'],
+    [CourseOffer.PAID, 'Access requires payment'],
+    [CourseOffer.SUBSCRIPTION, 'Access requires a subscription'],
   ])('does show a specific course offer icon', (offer, altText) => {
     const { container } = renderCourseGlimpse({
       contextProps,

package/js/widgets/SyllabusCourseRunsList/components/SyllabusCourseRun/index.tsx

@@ -54,42 +54,42 @@ const messages = defineMessages({
   certificationPrice: {
     id: 'components.SyllabusCourseRun.certificationPrice',
     description: 'Title of the certification price section of an opened course run block',
-    defaultMessage: 'Certification price',
+    defaultMessage: 'Certificate enrollment fee (optional)',
   },
   coursePaidOffer: {
     id: 'components.SyllabusCourseRun.coursePaidOffer',
     description: 'Message for the paid course offer of an opened course run block',
-    defaultMessage: 'The course content is paid.',
+    defaultMessage: 'Paid access',
   },
   courseFreeOffer: {
     id: 'components.SyllabusCourseRun.courseFreeOffer',
     description: 'Message for the free course offer of an opened course run block',
-    defaultMessage: 'The course content is free.',
+    defaultMessage: 'Free access',
   },
   coursePartiallyFree: {
     id: 'components.SyllabusCourseRun.coursePartiallyFree',
     description: 'Message for the partially free course offer of an opened course run block',
-    defaultMessage: 'The course content is free.',
+    defaultMessage: 'Partially free access',
   },
   courseSubscriptionOffer: {
     id: 'components.SyllabusCourseRun.courseSubscriptionOffer',
     description: 'Message for the subscription course offer of an opened course run block',
-    defaultMessage: 'Subscribe to access the course content.',
+    defaultMessage: 'Subscribe to access the course content',
   },
   certificatePaidOffer: {
     id: 'components.SyllabusCourseRun.certificatePaidOffer',
-    description: 'Messagge for the paid certification offer of an opened course run block',
-    defaultMessage: 'The certification process is paid.',
+    description: 'Message for the paid certification offer of an opened course run block',
+    defaultMessage: 'Paid certificate',
   },
   certificateFreeOffer: {
     id: 'components.SyllabusCourseRun.certificateFreeOffer',
     description: 'Message for the free certification offer of an opened course run block',
-    defaultMessage: 'The certification process is free.',
+    defaultMessage: 'Free certificate',
   },
   certificateSubscriptionOffer: {
     id: 'components.SyllabusCourseRun.certificateSubscriptionOffer',
     description: 'Message for the subscription certification offer of an opened course run block',
-    defaultMessage: 'The certification process is offered through subscription.',
+    defaultMessage: 'Offered certificate through subscription',
   },
 });
 

package/js/widgets/SyllabusCourseRunsList/components/SyllabusCourseRunCompacted/index.tsx

@@ -49,42 +49,42 @@ const messages = defineMessages({
   certificationPrice: {
     id: 'components.SyllabusCourseRunCompacted.certificationPrice',
     description: 'Title of the certification price section of an opened course run block',
-    defaultMessage: 'Certification price',
+    defaultMessage: 'Certificate enrollment fee (optional)',
   },
   coursePaidOffer: {
     id: 'components.SyllabusCourseRunCompacted.coursePaidOffer',
     description: 'Message for the paid course offer of an opened course run block',
-    defaultMessage: 'The course content is paid.',
+    defaultMessage: 'Paid access',
   },
   courseFreeOffer: {
     id: 'components.SyllabusCourseRunCompacted.courseFreeOffer',
     description: 'Message for the free course offer of an opened course run block',
-    defaultMessage: 'The course content is free.',
+    defaultMessage: 'Free access',
   },
   coursePartiallyFree: {
     id: 'components.SyllabusCourseRunCompacted.coursePartiallyFree',
     description: 'Message for the partially free course offer of an opened course run block',
-    defaultMessage: 'The course content is free.',
+    defaultMessage: 'Partially free access',
   },
   courseSubscriptionOffer: {
     id: 'components.SyllabusCourseRunCompacted.courseSubscriptionOffer',
     description: 'Message for the subscription course offer of an opened course run block',
-    defaultMessage: 'Subscribe to access the course content.',
+    defaultMessage: 'Subscribe to access the course content',
   },
   certificatePaidOffer: {
     id: 'components.SyllabusCourseRunCompacted.certificatePaidOffer',
     description: 'Messagge for the paid certification offer of an opened course run block',
-    defaultMessage: 'The certification process is paid.',
+    defaultMessage: 'Paid certificate',
   },
   certificateFreeOffer: {
     id: 'components.SyllabusCourseRunCompacted.certificateFreeOffer',
     description: 'Message for the free certification offer of an opened course run block',
-    defaultMessage: 'The certification process is free.',
+    defaultMessage: 'Free certificate',
   },
   certificateSubscriptionOffer: {
     id: 'components.SyllabusCourseRunCompacted.certificateSubscriptionOffer',
     description: 'Message for the subscription certification offer of an opened course run block',
-    defaultMessage: 'The certification process is offered through subscription.',
+    defaultMessage: 'Offered certificate through subscription',
   },
 });
 

package/js/widgets/SyllabusCourseRunsList/index.spec.tsx

@@ -1044,8 +1044,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>The course content is paid.<br>€49.99</dd>');
-    expect(content).toContain('<dd>The certification process is paid.<br>€59.99</dd>');
+    expect(content).toContain('<dd>Paid access<br>€49.99</dd>');
+    expect(content).toContain('<dd>Paid certificate<br>€59.99</dd>');
   });
 
   it('renders price information as subscription on SyllabusCourseRunCompacted', async () => {
@@ -1066,10 +1066,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>Subscribe to access the course content.<br>€49.99</dd>');
-    expect(content).toContain(
-      '<dd>The certification process is offered through subscription.<br>€59.99</dd>',
-    );
+    expect(content).toContain('<dd>Subscribe to access the course content<br>€49.99</dd>');
+    expect(content).toContain('<dd>Offered certificate through subscription<br>€59.99</dd>');
   });
 
   it('renders price information as Partially free on SyllabusCourseRunCompacted', async () => {
@@ -1090,8 +1088,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>The course content is free.<br>€0.00</dd>');
-    expect(content).toContain('<dd>The certification process is paid.<br>€59.99</dd>');
+    expect(content).toContain('<dd>Partially free access<br>€0.00</dd>');
+    expect(content).toContain('<dd>Paid certificate<br>€59.99</dd>');
   });
 
   it('renders price information as paid and free on SyllabusCourseRunCompacted', async () => {
@@ -1112,8 +1110,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>The course content is paid.<br>€49.99</dd>');
-    expect(content).toContain('<dd>The certification process is free.<br>€0.00</dd>');
+    expect(content).toContain('<dd>Paid access<br>€49.99</dd>');
+    expect(content).toContain('<dd>Free certificate<br>€0.00</dd>');
   });
 
   it('does not render price information on SyllabusCourseRunCompacted', async () => {
@@ -1133,8 +1131,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).not.toContain('The course content is paid');
-    expect(content).not.toContain('The certification process is paid.');
+    expect(content).not.toContain('Paid access');
+    expect(content).not.toContain('Paid certificate');
   });
 
   it('does not render course price information on SyllabusCourseRunCompacted', async () => {
@@ -1155,8 +1153,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).not.toContain('The course content is paid.');
-    expect(content).toContain('<dd>The certification process is paid.<br>€59.99</dd>');
+    expect(content).not.toContain('Paid access');
+    expect(content).toContain('<dd>Paid certificate<br>€59.99</dd>');
   });
 
   it('does not render certificate price information on SyllabusCourseRunCompacted', async () => {
@@ -1177,8 +1175,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>The course content is paid.<br>€49.99</dd>');
-    expect(content).not.toContain('The certification process is paid.');
+    expect(content).toContain('<dd>Paid access<br>€49.99</dd>');
+    expect(content).not.toContain('Paid certificate');
   });
 
   it('does not render prices but only offers on SyllabusCourseRunCompacted', async () => {
@@ -1199,8 +1197,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>The course content is free.<br></dd>');
-    expect(content).toContain('<dd>The certification process is free.<br></dd>');
+    expect(content).toContain('<dd>Free access<br></dd>');
+    expect(content).toContain('<dd>Free certificate<br></dd>');
   });
 
   it('renders prices as zero on SyllabusCourseRunCompacted', async () => {
@@ -1221,8 +1219,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>The course content is free.<br>€0.00</dd>');
-    expect(content).toContain('<dd>The certification process is free.<br>€0.00</dd>');
+    expect(content).toContain('<dd>Free access<br>€0.00</dd>');
+    expect(content).toContain('<dd>Free certificate<br>€0.00</dd>');
   });
 
   it('does not render invalid offers on SyllabusCourseRunCompacted', async () => {
@@ -1266,8 +1264,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>The course content is paid.<br>€49.99</dd>');
-    expect(content).toContain('<dd>The certification process is paid.<br>€59.99</dd>');
+    expect(content).toContain('<dd>Paid access<br>€49.99</dd>');
+    expect(content).toContain('<dd>Paid certificate<br>€59.99</dd>');
   });
 
   it('renders price information as subscription on SyllabusCourseRun', async () => {
@@ -1288,10 +1286,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>Subscribe to access the course content.<br>€49.99</dd>');
-    expect(content).toContain(
-      '<dd>The certification process is offered through subscription.<br>€59.99</dd>',
-    );
+    expect(content).toContain('<dd>Subscribe to access the course content<br>€49.99</dd>');
+    expect(content).toContain('<dd>Offered certificate through subscription<br>€59.99</dd>');
   });
 
   it('renders price information as Partially free on SyllabusCourseRun', async () => {
@@ -1312,8 +1308,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>The course content is free.<br>€0.00</dd>');
-    expect(content).toContain('<dd>The certification process is paid.<br>€59.99</dd>');
+    expect(content).toContain('<dd>Partially free access<br>€0.00</dd>');
+    expect(content).toContain('<dd>Paid certificate<br>€59.99</dd>');
   });
 
   it('renders price information as paid and free on SyllabusCourseRun', async () => {
@@ -1334,8 +1330,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>The course content is paid.<br>€49.99</dd>');
-    expect(content).toContain('<dd>The certification process is free.<br>€0.00</dd>');
+    expect(content).toContain('<dd>Paid access<br>€49.99</dd>');
+    expect(content).toContain('<dd>Free certificate<br>€0.00</dd>');
   });
 
   it('does not render price information on SyllabusCourseRun', async () => {
@@ -1355,8 +1351,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).not.toContain('The course content is paid');
-    expect(content).not.toContain('The certification process is paid.');
+    expect(content).not.toContain('Paid access');
+    expect(content).not.toContain('Paid certificate');
   });
 
   it('does not render course price information on SyllabusCourseRun', async () => {
@@ -1377,8 +1373,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).not.toContain('The course content is paid.');
-    expect(content).toContain('<dd>The certification process is paid.<br>€59.99</dd>');
+    expect(content).not.toContain('Paid access');
+    expect(content).toContain('<dd>Paid certificate<br>€59.99</dd>');
   });
 
   it('does not render certificate price information on SyllabusCourseRun', async () => {
@@ -1399,8 +1395,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>The course content is paid.<br>€49.99</dd>');
-    expect(content).not.toContain('The certification process is paid.');
+    expect(content).toContain('<dd>Paid access<br>€49.99</dd>');
+    expect(content).not.toContain('Paid certificate');
   });
 
   it('does not render prices but only offers on SyllabusCourseRun', async () => {
@@ -1421,8 +1417,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>The course content is free.<br></dd>');
-    expect(content).toContain('<dd>The certification process is free.<br></dd>');
+    expect(content).toContain('<dd>Free access<br></dd>');
+    expect(content).toContain('<dd>Free certificate<br></dd>');
   });
 
   it('renders prices as zero on SyllabusCourseRun', async () => {
@@ -1443,8 +1439,8 @@ describe('<SyllabusCourseRunsList/>', () => {
     );
 
     const content = getHeaderContainer().innerHTML;
-    expect(content).toContain('<dd>The course content is free.<br>€0.00</dd>');
-    expect(content).toContain('<dd>The certification process is free.<br>€0.00</dd>');
+    expect(content).toContain('<dd>Free access<br>€0.00</dd>');
+    expect(content).toContain('<dd>Free certificate<br>€0.00</dd>');
   });
 
   it('does not render invalid offers on SyllabusCourseRun', async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "richie-education",
-  "version": "3.0.1-dev8",
+  "version": "3.0.1-dev9",
   "description": "A CMS to build learning portals for Open Education",
   "main": "sandbox/manage.py",
   "scripts": {