Updated learner profile to only use the tab panel view when there is accomplishments.

TNL-5283

lms/static/js/spec/student_profile/helpers.js

@@ -100,10 +100,10 @@ define(['underscore', 'URI', 'edx-ui-toolkit/js/utils/spec-helpers/ajax-helpers'
         expect(learnerProfileView.$('.wrapper-profile-section-two').length).toBe(0);
     };
 
-    var expectTabbedViewToBeHidden = function(requests, tabbedViewView) {
+    var expectTabbedViewToBeUndefined = function(requests, tabbedViewView) {
         // Unrelated initial request, no badge request
         expect(requests.length).toBe(1);
-        expect(tabbedViewView.$el.find('.page-content-nav').is(':visible')).toBe(false);
+        expect(tabbedViewView).toBe(undefined);
     };
 
     var expectTabbedViewToBeShown = function(tabbedViewView) {
@@ -228,10 +228,17 @@ define(['underscore', 'URI', 'edx-ui-toolkit/js/utils/spec-helpers/ajax-helpers'
         expectLimitedProfileSectionsAndFieldsToBeRendered: expectLimitedProfileSectionsAndFieldsToBeRendered,
         expectProfileSectionsAndFieldsToBeRendered: expectProfileSectionsAndFieldsToBeRendered,
         expectProfileSectionsNotToBeRendered: expectProfileSectionsNotToBeRendered,
-        expectTabbedViewToBeHidden: expectTabbedViewToBeHidden, expectTabbedViewToBeShown: expectTabbedViewToBeShown,
-        expectBadgesDisplayed: expectBadgesDisplayed, expectBadgesHidden: expectBadgesHidden,
-        expectBadgeLoadingErrorIsRendered: expectBadgeLoadingErrorIsRendered, breakBadgeLoading: breakBadgeLoading,
-        firstPageBadges: firstPageBadges, secondPageBadges: secondPageBadges, thirdPageBadges: thirdPageBadges,
-        emptyBadges: emptyBadges, expectPage: expectPage, makeBadge: makeBadge
+        expectTabbedViewToBeUndefined: expectTabbedViewToBeUndefined,
+        expectTabbedViewToBeShown: expectTabbedViewToBeShown,
+        expectBadgesDisplayed: expectBadgesDisplayed,
+        expectBadgesHidden: expectBadgesHidden,
+        expectBadgeLoadingErrorIsRendered: expectBadgeLoadingErrorIsRendered,
+        breakBadgeLoading: breakBadgeLoading,
+        firstPageBadges: firstPageBadges,
+        secondPageBadges: secondPageBadges,
+        thirdPageBadges: thirdPageBadges,
+        emptyBadges: emptyBadges,
+        expectPage: expectPage,
+        makeBadge: makeBadge
     };
 });

lms/static/js/spec/student_profile/learner_profile_factory_spec.js

@@ -72,7 +72,7 @@ define(['backbone', 'jquery', 'underscore', 'edx-ui-toolkit/js/utils/spec-helper
                     tabbedView = context.learnerProfileView.tabbedView,
                     learnerProfileView = context.learnerProfileView;
 
-                LearnerProfileHelpers.expectTabbedViewToBeHidden(requests, tabbedView);
+                LearnerProfileHelpers.expectTabbedViewToBeUndefined(requests, tabbedView);
                 LearnerProfileHelpers.expectBadgesHidden(learnerProfileView);
             });
 
@@ -83,7 +83,7 @@ define(['backbone', 'jquery', 'underscore', 'edx-ui-toolkit/js/utils/spec-helper
                     tabbedView = context.learnerProfileView.tabbedView,
                     learnerProfileView = context.learnerProfileView;
 
-                LearnerProfileHelpers.expectTabbedViewToBeHidden(requests, tabbedView);
+                LearnerProfileHelpers.expectTabbedViewToBeUndefined(requests, tabbedView);
                 LearnerProfileHelpers.expectBadgesHidden(learnerProfileView);
             });
 

lms/static/js/student_profile/views/learner_profile_view.js

@@ -39,7 +39,8 @@
                 },
 
                 render: function() {
-                    var self = this;
+                    var tabs,
+                        self = this;
 
                     this.sectionTwoView = new SectionTwoTab({
                         viewList: this.options.sectionTwoFieldViews,
@@ -47,10 +48,6 @@
                         ownProfile: this.options.ownProfile
                     });
 
-                    var tabs = [
-                    {view: this.sectionTwoView, title: gettext('About Me'), url: 'about_me'}
-                    ];
-
                     HtmlUtils.setHtml(this.$el, HtmlUtils.template(learnerProfileTemplate)({
                         username: self.options.accountSettingsModel.get('username'),
                         ownProfile: self.options.ownProfile,
@@ -59,17 +56,22 @@
                     this.renderFields();
 
                     if (this.showFullProfile() && (this.options.accountSettingsModel.get('accomplishments_shared'))) {
-                        tabs.push({
+                        tabs = [
+                            {view: this.sectionTwoView, title: gettext('About Me'), url: 'about_me'},
+                            {
                                 view: this.options.badgeListContainer,
                                 title: gettext('Accomplishments'),
                                 url: 'accomplishments'
-                        });
+                            }
+                        ];
+
+                        // Build the accomplishments Tab and fill with data
                         this.options.badgeListContainer.collection.fetch().done(function() {
                             self.options.badgeListContainer.render();
                         }).error(function() {
                             self.options.badgeListContainer.renderError();
                         });
-                    }
+
                         this.tabbedView = new TabbedView({
                             tabs: tabs,
                             router: this.router,
@@ -77,12 +79,6 @@
                         });
 
                         this.tabbedView.render();
-
-                    if (tabs.length === 1) {
-                    // If the tab is unambiguous, don't display the tab interface.
-                        this.tabbedView.$el.find('.page-content-nav').hide();
-                    }
-
                         this.$el.find('.account-settings-container').append(this.tabbedView.el);
 
                         if (this.firstRender) {
@@ -96,8 +92,9 @@
                             Backbone.history.stop();
                             Backbone.history.start();
                         }
-
-
+                    } else {
+                        this.$el.find('.account-settings-container').append(this.sectionTwoView.render().el);
+                    }
                     return this;
                 },