27 September homepage content update (#6373)

Author: bobsilverberg

src/amo/components/HomeHeroBanner/index.js

@@ -236,6 +236,47 @@ export class HomeHeroBannerBase extends React.Component<InternalProps> {
         ),
         url: '/addon/copy-plaintext/',
       },
+      {
+        title: i18n.gettext('Official Media Bias Fact Check Icon'),
+        description: i18n.gettext(
+          'Indicates the political bias of news sites with a tidy icon',
+        ),
+        url: '/addon/media-bias-fact-check-icon/',
+      },
+      {
+        title: i18n.gettext('Vertical Tabs Reloaded'),
+        description: i18n.gettext('Arrange tabs in a vertical fashion'),
+        url: '/addon/vertical-tabs-reloaded/',
+      },
+      {
+        title: i18n.gettext('Search Site'),
+        description: i18n.gettext(
+          'Search within just the domain you’re visiting',
+        ),
+        url: '/addon/search-site-we/',
+      },
+      {
+        title: i18n.gettext('Push to Kindle'),
+        description: i18n.gettext('Send any Web page to your Kindle device'),
+        url: '/addon/kindle-it/',
+      },
+      {
+        title: i18n.gettext('New Tab Homepage'),
+        description: i18n.gettext(
+          'Designate a custom home page for your new tabs',
+        ),
+        url: '/addon/new-tab-homepage/',
+      },
+      {
+        title: i18n.gettext('OneNote Web Clipper'),
+        description: i18n.gettext('Save, annotate & organize web content'),
+        url: '/addon/onenote-clipper/',
+      },
+      {
+        title: i18n.gettext('FoxyGestures'),
+        description: i18n.gettext('Customized mouse gestures'),
+        url: '/addon/foxy-gestures/',
+      },
     ];
   }
 

src/amo/pages/Home/index.js

@@ -27,9 +27,8 @@ import Icon from 'ui/components/Icon';
 import './styles.scss';
 
 export const FEATURED_COLLECTIONS = [
+  { slug: 'translation-tools', username: 'mozilla' },
   { slug: 'privacy-matters', username: 'mozilla' },
-  { slug: 'fall-themes', username: 'mozilla' },
-  { slug: 'youtube-boosters', username: 'mozilla' },
 ];
 
 export const isFeaturedCollection = (
@@ -47,22 +46,16 @@ export const isFeaturedCollection = (
 export const getFeaturedCollectionsMetadata = (i18n) => {
   return [
     {
-      footerText: i18n.gettext('See more privacy & security extensions'),
-      header: i18n.gettext('Privacy & security'),
+      footerText: i18n.gettext('See more translation tools'),
+      header: i18n.gettext('Translation tools'),
       isTheme: false,
       ...FEATURED_COLLECTIONS[0],
     },
     {
-      footerText: i18n.gettext('See more fall themes'),
-      header: i18n.gettext('Fall themes'),
-      isTheme: true,
-      ...FEATURED_COLLECTIONS[1],
-    },
-    {
-      footerText: i18n.gettext('See more YouTube extensions'),
-      header: i18n.gettext('YouTube boosters'),
+      footerText: i18n.gettext('See more privacy & security extensions'),
+      header: i18n.gettext('Privacy & security'),
       isTheme: false,
-      ...FEATURED_COLLECTIONS[2],
+      ...FEATURED_COLLECTIONS[1],
     },
   ];
 };
@@ -83,7 +76,7 @@ export class HomeBase extends React.Component {
 
   static defaultProps = {
     _config: config,
-    includeFeaturedThemes: false,
+    includeFeaturedThemes: true,
   };
 
   constructor(props) {
@@ -296,15 +289,6 @@ export class HomeBase extends React.Component {
           />
         )}
 
-        {(loading || collections[1]) && (
-          <FeaturedCollectionCard
-            addons={collections[1]}
-            className="Home-FeaturedCollection"
-            loading={loading}
-            {...featuredCollectionsMetadata[1]}
-          />
-        )}
-
         <LandingAddonsCard
           addonInstallSource={INSTALL_SOURCE_FEATURED}
           addons={trendingExtensions}
@@ -321,12 +305,12 @@ export class HomeBase extends React.Component {
           loading={loading}
         />
 
-        {(loading || collections[2]) && (
+        {(loading || collections[1]) && (
           <FeaturedCollectionCard
-            addons={collections[2]}
+            addons={collections[1]}
             className="Home-FeaturedCollection"
             loading={loading}
-            {...featuredCollectionsMetadata[2]}
+            {...featuredCollectionsMetadata[1]}
           />
         )}
 

tests/unit/amo/pages/TestHome.js

@@ -65,7 +65,7 @@ describe(__filename, () => {
     expect(root.find(HomeHeroBanner)).toHaveLength(1);
   });
 
-  it.each([0, 1, 2])(
+  it.each([0, 1])(
     `renders a featured collection shelf at position %s`,
     (index) => {
       const collectionMetadata = getFeaturedCollectionsMetadata(fakeI18n())[
@@ -225,12 +225,30 @@ describe(__filename, () => {
   });
 
   it('dispatches an action to fetch the add-ons to display', () => {
+    const includeFeaturedThemes = false;
+    const errorHandler = createStubErrorHandler();
+    const { store } = dispatchClientMetadata();
+
+    const fakeDispatch = sinon.stub(store, 'dispatch');
+    render({ errorHandler, includeFeaturedThemes, store });
+
+    sinon.assert.callCount(fakeDispatch, 2);
+    sinon.assert.calledWith(fakeDispatch, setViewContext(VIEW_CONTEXT_HOME));
+    sinon.assert.calledWith(
+      fakeDispatch,
+      fetchHomeAddons({
+        errorHandlerId: errorHandler.id,
+        collectionsToFetch: FEATURED_COLLECTIONS,
+        includeFeaturedThemes,
+      }),
+    );
+  });
+
+  it('includes featured themes by default', () => {
     const errorHandler = createStubErrorHandler();
     const { store } = dispatchClientMetadata();
 
     const fakeDispatch = sinon.stub(store, 'dispatch');
-    // Note that we do not pass a value for includeFeaturedThemes so we can
-    // assert that the default value will be `false`.
     render({ errorHandler, store });
 
     sinon.assert.callCount(fakeDispatch, 2);
@@ -240,7 +258,7 @@ describe(__filename, () => {
       fetchHomeAddons({
         errorHandlerId: errorHandler.id,
         collectionsToFetch: FEATURED_COLLECTIONS,
-        includeFeaturedThemes: false,
+        includeFeaturedThemes: true,
       }),
     );
   });