From 6abf8531bb64d3f4581eef3f01a98795a9870e23 Mon Sep 17 00:00:00 2001 From: Diane Kaplan Date: Thu, 1 Apr 2021 10:35:19 -0400 Subject: [PATCH] feat: ahead of value prop designs, update text to prep translations (REV-2127) Co-authored-by: Diane Kaplan --- .../lock-paywall/LockPaywall.test.jsx | 12 ++----- .../course/sequence/lock-paywall/messages.js | 31 +++++++++++++++++-- 2 files changed, 30 insertions(+), 13 deletions(-) diff --git a/src/courseware/course/sequence/lock-paywall/LockPaywall.test.jsx b/src/courseware/course/sequence/lock-paywall/LockPaywall.test.jsx index 65da4ca5..7a453e58 100644 --- a/src/courseware/course/sequence/lock-paywall/LockPaywall.test.jsx +++ b/src/courseware/course/sequence/lock-paywall/LockPaywall.test.jsx @@ -19,14 +19,6 @@ describe('Lock Paywall', () => { mockData.courseId = courseware.courseId; }); - it('displays message along with lock icon', () => { - const { container } = render(); - - const lockIcon = container.querySelector('svg'); - expect(lockIcon).toHaveClass('fa-lock'); - expect(lockIcon.parentElement).toHaveTextContent('Verified Track Access'); - }); - it('displays unlock link with price', () => { const { currencySymbol, @@ -35,7 +27,7 @@ describe('Lock Paywall', () => { } = store.getState().models.coursewareMeta[mockData.courseId].verifiedMode; render(); - const upgradeLink = screen.getByRole('link', { name: `Upgrade to unlock (${currencySymbol}${price})` }); + const upgradeLink = screen.getByRole('link', { name: `Upgrade for ${currencySymbol}${price}` }); expect(upgradeLink).toHaveAttribute('href', `${upgradeUrl}`); }); @@ -48,7 +40,7 @@ describe('Lock Paywall', () => { } = store.getState().models.coursewareMeta[mockData.courseId].verifiedMode; render(); - const upgradeLink = screen.getByRole('link', { name: `Upgrade to unlock (${currencySymbol}${price})` }); + const upgradeLink = screen.getByRole('link', { name: `Upgrade for ${currencySymbol}${price}` }); fireEvent.click(upgradeLink); expect(sendTrackEvent).toHaveBeenCalledTimes(1); diff --git a/src/courseware/course/sequence/lock-paywall/messages.js b/src/courseware/course/sequence/lock-paywall/messages.js index 20b2e7b4..1ae0449d 100644 --- a/src/courseware/course/sequence/lock-paywall/messages.js +++ b/src/courseware/course/sequence/lock-paywall/messages.js @@ -3,17 +3,17 @@ import { defineMessages } from '@edx/frontend-platform/i18n'; const messages = defineMessages({ 'learn.lockPaywall.title': { id: 'learn.lockPaywall.title', - defaultMessage: 'Verified Track Access', + defaultMessage: 'Graded assignments are locked', description: 'Heading for message shown to indicate that a piece of content is unavailable to audit track users.', }, 'learn.lockPaywall.content': { id: 'learn.lockPaywall.content', - defaultMessage: 'Graded assessments are available to Verified Track learners.', + defaultMessage: 'Upgrade to gain access to locked features like this one and get the most out of your course.', description: 'Message shown to indicate that a piece of content is unavailable to audit track users.', }, 'learn.lockPaywall.upgrade.link': { id: 'learn.lockPaywall.upgrade.link', - defaultMessage: 'Upgrade to unlock ({currencySymbol}{price})', + defaultMessage: 'Upgrade for {currencySymbol}{price}', description: 'A link users can click that navigates their browser to the upgrade payment page.', }, 'learn.lockPaywall.example.alt': { @@ -21,6 +21,31 @@ const messages = defineMessages({ defaultMessage: 'Example Certificate', description: 'Alternate text displayed when the example certificate image cannot be displayed.', }, + 'learn.lockPaywall.list.intro': { + id: 'learn.lockPaywall.list.intro', + defaultMessage: 'When you upgrade, you:', + description: 'Text displayed to introduce the list of benefits from upgrading.', + }, + 'learn.lockPaywall.list.bullet1.linktext': { + id: 'learn.lockPaywall.list.bullet1.linktext', + defaultMessage: 'verified certificate', + description: 'Link text for verified certificate info page.', + }, + 'learn.lockPaywall.list.bullet2.boldtext': { + id: 'learn.lockPaywall.list.bullet2.boldtext', + defaultMessage: 'graded assignments', + description: 'Bolded text for graded assignments.', + }, + 'learn.lockPaywall.list.bullet3.boldtext': { + id: 'learn.lockPaywall.list.bullet3.boldtext', + defaultMessage: 'Full access', + description: 'Bolded text for full access.', + }, + 'learn.lockPaywall.list.bullet4.boldtext': { + id: 'learn.lockPaywall.list.bullet4.boldtext', + defaultMessage: 'non-profit', + description: 'Bolded text to highlight our non-profit status.', + }, }); export default messages;