Add course outline bokchoy tests.

- Rename CourseOutlinePage to StudioCourseOutlinePage in lms tests.
- Introduce CourseHomePage with outline child.
- Add a11y, breadcrumbs, and waffle.

openedx/features/course_experience/templates/course_experience/course-home.html

@@ -36,14 +36,8 @@ ${HTML(outline_fragment.foot_html())}
 </%block>
 
 <%block name="content">
-<section class="course-view container" id="course-container">
+<div class="course-view container" id="course-container">
     <header class="page-header has-secondary">
-        ## Breadcrumb navigation
-        <div class="page-header-main">
-            <nav aria-label="${_('Discussions')}" class="sr-is-focusable" tabindex="-1">
-                <div class="has-breadcrumbs"></div>
-            </nav>
-        </div>
         <div class="page-header-secondary">
             <div class="form-actions">
                 <a class="btn" href="${reverse('courseware', kwargs={'course_id': unicode(course.id.to_deprecated_string())})}">
@@ -52,15 +46,15 @@ ${HTML(outline_fragment.foot_html())}
             </div>
             <div class="page-header-search">
                 <form class="search-form" role="search">
-                    <label class="field-label sr-only" for="search" id="search-hint">Search the course</label>
+                    <label class="field-label sr-only" for="search" id="search-hint">${_('Search the course')}</label>
                     <input
                             class="field-input input-text search-input"
                             type="search"
                             name="search"
                             id="search"
-                            placeholder="Search the course"
+                            placeholder="${_('Search the course')}'"
                     />
-                    <button class="btn btn-small search-btn" type="button">Search</button>
+                    <button class="btn btn-small search-btn" type="button">${_('Search')}</button>
                 </form>
             </div>
         </div>
@@ -68,5 +62,5 @@ ${HTML(outline_fragment.foot_html())}
     <div class="page-content">
         ${HTML(outline_fragment.body_html())}
     </div>
-</section>
+</div>
 </%block>

openedx/features/course_experience/templates/course_experience/course-outline-fragment.html

@@ -10,7 +10,7 @@ from django.utils.translation import ugettext as _
     CourseOutlineFactory('.block-tree');
 </%static:require_module_async>
 
-<section class="course-outline" id="main">
+<div class="course-outline" id="main" tabindex="-1">
     <ol class="block-tree" role="tree">
         % for section in blocks.get('children') or []:
             <li
@@ -39,4 +39,4 @@ from django.utils.translation import ugettext as _
             </li>
         % endfor
     </ol>
-</section>
+</div>

openedx/features/course_experience/views/course_outline.py

@@ -46,7 +46,7 @@ class CourseOutlineFragmentView(FragmentView):
             user=request.user,
             nav_depth=3,
             requested_fields=['children', 'display_name', 'type'],
-            block_types_filter=['course', 'chapter', 'vertical', 'sequential']
+            block_types_filter=['course', 'chapter', 'sequential']
         )
 
         course_block_tree = all_blocks['blocks'][all_blocks['root']]  # Get the root of the block tree