[fix bug 1397519] Firefox home page Quantum redesign

.editorconfig

@@ -34,6 +34,9 @@ indent_size = 4
 [*.html]
 indent_size = 2
 
+[*.svg]
+indent_size = 2
+
 [*.yml]
 indent_size = 2
 

bedrock/firefox/tests/test_views.py

@@ -975,3 +975,51 @@ def test_send_tabs_experiment_other_locales(self, render_mock):
             req,
             'firefox/features/send-tabs.html'
         )
+
+
+@patch('bedrock.firefox.views.l10n_utils.render')
+class TestFirefoxHubPage(TestCase):
+    @patch('bedrock.firefox.views.switch', Mock(return_value=False))
+    def test_hub_pre_57(self, render_mock):
+        view = views.FirefoxHubView.as_view()
+        req = RequestFactory().get('/firefox/')
+        req.locale = 'en-US'
+        view(req)
+        template = render_mock.call_args[0][1]
+        eq_(template, ['firefox/hub/home.html'])
+
+    @patch('bedrock.firefox.views.switch', Mock(return_value=True))
+    def test_hub_post_57(self, render_mock):
+        view = views.FirefoxHubView.as_view()
+        req = RequestFactory().get('/firefox/')
+        req.locale = 'en-US'
+        view(req)
+        template = render_mock.call_args[0][1]
+        eq_(template, ['firefox/hub/home-quantum.html'])
+
+    @patch('bedrock.firefox.views.switch', Mock(return_value=True))
+    @patch.object(views, 'lang_file_is_active', lambda *x: False)
+    def test_hub_not_translated(self, render_mock):
+        view = views.FirefoxHubView.as_view()
+        req = RequestFactory().get('/firefox/')
+        req.locale = 'de'
+        view(req)
+        template = render_mock.call_args[0][1]
+        eq_(template, ['firefox/hub/home.html'])
+
+
+class TestFirefoxDesktopPageRedirect(TestCase):
+    @patch('bedrock.firefox.views.switch', Mock(return_value=False))
+    def test_desktop_pre_57(self):
+        view = views.FirefoxProductDesktopView.as_view()
+        req = RequestFactory().get('/en-US/firefox/desktop/')
+        resp = view(req)
+        eq_(resp.status_code, 200)
+
+    @patch('bedrock.firefox.views.switch', Mock(return_value=True))
+    def test_desktop_post_57(self):
+        view = views.FirefoxProductDesktopView.as_view()
+        req = RequestFactory().get('/en-US/firefox/desktop/')
+        resp = view(req)
+        eq_(resp.status_code, 301)
+        ok_(resp.url.endswith('/en-US/firefox/'))

bedrock/firefox/views.py

@@ -745,6 +745,15 @@ class FirefoxProductDesktopView(BlogPostsView):
     blog_tags = ['browser', 'featured']
     template_name = 'firefox/products/desktop.html'
 
+    def render_to_response(self, context, **response_kwargs):
+        if switch('firefox-57-release'):
+            return HttpResponsePermanentRedirect(reverse('firefox'))
+        else:
+            return l10n_utils.render(self.request,
+                                     self.get_template_names(),
+                                     context,
+                                     **response_kwargs)
+
 
 class FirefoxProductAndroidView(BlogPostsView):
     blog_posts_limit = 3
@@ -775,7 +784,15 @@ class FirefoxHubView(BlogPostsView):
     blog_posts_template_variable = 'articles'
     blog_slugs = 'firefox'
     blog_tags = ['home']
-    template_name = 'firefox/hub/home.html'
+
+    def get_template_names(self):
+        locale = l10n_utils.get_locale(self.request)
+
+        if switch('firefox-57-release') and lang_file_is_active('firefox/hub/home-quantum', locale):
+            template_name = 'firefox/hub/home-quantum.html'
+        else:
+            template_name = 'firefox/hub/home.html'
+        return [template_name]
 
 
 def FirefoxProductDeveloperView(request):

bedrock/settings/static_media.py

@@ -342,6 +342,12 @@
         ),
         'output_filename': 'css/experiment_send_tabs-bundle.css',
     },
+    'firefox-hub-quantum': {
+        'source_filenames': (
+            'css/firefox/hub/home-quantum.scss',
+        ),
+        'output_filename': 'css/firefox-hub-quantum-bundle.css',
+    },
     'firefox-interest-dashboard': {
         'source_filenames': (
             'css/firefox/family-nav.less',
@@ -1322,6 +1328,18 @@
         ),
         'output_filename': 'js/firefox_developer_whatsnew-bundle.js',
     },
+    'firefox-hub-quantum': {
+        'source_filenames': (
+            'js/libs/jquery.waypoints.min.js',
+            'js/libs/jquery.waypoints-sticky.min.js',
+            'js/hubs/sub-nav.js',
+            'js/base/mozilla-smoothscroll.js',
+            'js/base/mozilla-video-poster.js',
+            'js/firefox/quantum/features-scroller.js',
+            'js/firefox/home.js',
+        ),
+        'output_filename': 'js/firefox-hub-quantum-bundle.js',
+    },
     'firefox_new_scene1': {
         'source_filenames': (
             'js/base/mozilla-modal.js',