Merge pull request #3172 from salesforce-ux/fix/welcome-mat-text-updates

Fix/welcome mat text updates
salesforce-ux · Mar 22, 2018 · c55fb4c · c55fb4c
2 parents 86f0269 + 48cd2e9
commit c55fb4c
Show file tree

Hide file tree

Showing 8 changed files with 33 additions and 31 deletions.
diff --git a/ui/components/welcome-mat/WelcomeMatContent.jsx b/ui/components/welcome-mat/WelcomeMatContent.jsx
@@ -13,7 +13,7 @@ class WelcomeMatContent extends React.Component {
     return (
       <React.Fragment>
         <h2 id={labelId} className="slds-welcome-mat__info-title">
-          Empower Your Agents with Service Cloud
+          The Lightning Experience is here!
         </h2>
         <div className="slds-welcome-mat__info-description slds-text-longform">
           {description}
@@ -22,7 +22,7 @@ class WelcomeMatContent extends React.Component {
         <div className="slds-welcome-mat__info-progress">
           <p>
             <strong>
-              {complete}/{total} Walkthroughs completed
+              {complete}/{total} units completed
             </strong>
           </p>
         </div>
@@ -48,9 +48,10 @@ WelcomeMatContent.defaultProps = {
   labelId: 'welcome-mat-label-1',
   description: (
     <p>
-      Your 30-day trial is under way. Learn how easy it is to use and set up
-      Lightning Service Desk. You'll be your company's service expert by the
-      time you're done!
+      Welcome to Lightning Experience, the modern, beautiful user experience
+      from Salesforce. With a sales-and service-centric mindset, we focused on
+      reinventing the desktop environment to better support your business
+      processes.
     </p>
   )
 };

diff --git a/ui/components/welcome-mat/WelcomeMatContentTrailhead.jsx b/ui/components/welcome-mat/WelcomeMatContentTrailhead.jsx
@@ -19,19 +19,20 @@ class WelcomeMatContentTrailhead extends React.Component {
       <p>Cha-ching! You earned the badge.</p>
     ) : (
       <p>
-        {complete} of {total} modules completed
+        {complete}/{total} units completed
       </p>
     );
 
     return (
       <React.Fragment>
         <h2 id={labelId} className="slds-welcome-mat__info-title">
-          Hey there, Trailblazer!
+          The Lightning Experience is here!
         </h2>
         <p className="slds-welcome-mat__info-description slds-text-longform">
-          Your 30-day trial is under way. Learn how easy it is to use and set up
-          Lightning Service Desk. You'll be your company's service expert by the
-          time you're done!
+          Welcome to Lightning Experience, the modern, beautiful user experience
+          from Salesforce. With a sales-and service-centric mindset, we focused
+          on reinventing the desktop environment to better support your business
+          processes.
         </p>
 
         <div
@@ -55,7 +56,7 @@ class WelcomeMatContentTrailhead extends React.Component {
             />
           </div>
           <p>
-            <strong>Essentials Explorer</strong>
+            <strong>Lightning Explorer</strong>
           </p>
           {badgeProgressMessage}
         </div>

diff --git a/...__/__snapshots__/Welcome_Mat_Snapshots_renders_a_completed_trailhead_with_correct_UI.json b/...__/__snapshots__/Welcome_Mat_Snapshots_renders_a_completed_trailhead_with_correct_UI.json
diff --git a/...me-mat/__tests__/__snapshots__/Welcome_Mat_Snapshots_renders_a_trailhead_welcome_mat.json b/...me-mat/__tests__/__snapshots__/Welcome_Mat_Snapshots_renders_a_trailhead_welcome_mat.json
diff --git a/...ents/welcome-mat/__tests__/__snapshots__/Welcome_Mat_Snapshots_renders_a_welcome_mat.json b/...ents/welcome-mat/__tests__/__snapshots__/Welcome_Mat_Snapshots_renders_a_welcome_mat.json
diff --git a/...sts__/__snapshots__/Welcome_Mat_Snapshots_renders_a_welcome_mat_with_completed_steps.json b/...sts__/__snapshots__/Welcome_Mat_Snapshots_renders_a_welcome_mat_with_completed_steps.json
diff --git a/ui/components/welcome-mat/__tests__/enzyme.spec.js b/ui/components/welcome-mat/__tests__/enzyme.spec.js
@@ -69,7 +69,7 @@ describe('Welcome Mat Content', () => {
 
   it('correctly implements completed count props', () => {
     expect(example.find('strong').html()).toBe(
-      `${complete}/${total} Walkthroughs completed`
+      `${complete}/${total} units completed`
     );
   });
 
@@ -94,7 +94,7 @@ describe('Welcome Mat Trailhead Content', () => {
   });
 
   it('shows the correct initial progress', () => {
-    const initialText = ['Essentials Explorer', '0 of 5 modules completed'];
+    const initialText = ['Lightning Explorer', '0/5 units completed'];
 
     shallowNew.find('.slds-welcome-mat__info-progress p').forEach((p, pi) => {
       expect(p.text()).toBe(initialText[pi]);
@@ -103,7 +103,7 @@ describe('Welcome Mat Trailhead Content', () => {
 
   it('shows the correct completed message', () => {
     const completedText = [
-      'Essentials Explorer',
+      'Lightning Explorer',
       'Cha-ching! You earned the badge.'
     ];
 

diff --git a/ui/components/welcome-mat/docs.mdx b/ui/components/welcome-mat/docs.mdx
@@ -17,7 +17,7 @@ import CodeView from '../../../shared/components/CodeView';
 
 ## Overview
 
-* Welcome Mat tiles may trigger walkthroughs or modals, or navigate users to specific URLs.
+* Welcome Mat tiles may trigger walkthroughs, modals, videos, or navigate users to specific URLs.
 * The Welcome Mat consists of two sections, the informational left pane and the actionable right pane.
 * The left pane should be used to educate users as to the theme of the content displayed in the right pane.
 * Icon choices, colors, and tile content can be customized to fit your experience.