Add back buttons and load new 'pages' by calling javascript.

build/android/pylib/results/presentation/javascript/main_html.js

 // Copyright 2017 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 function getArguments() {
   // Returns the URL arguments as a dictionary.
   args = {}
   var s = location.search;
   if (s) {
     var vals = s.substring(1).split('&');
     for (var i = 0; i < vals.length; i++) {
       var pair = vals[i].split('=');
       args[pair[0]] = pair[1];
     }
   }
   return args;
 }
 
 function showSuiteTable(show_the_table) {
     document.getElementById('suite-table').style.display = (
         show_the_table ? 'table' : 'none');
 }
 
 function showTestTable(show_the_table) {
     document.getElementById('test-table').style.display = (
         show_the_table ? 'table' : 'none');
 }
 
-function showTestsOfOneSuiteOnly(suite_name) {
+function showTestsOfOneSuiteOnly(suite_name, push_state) {
   setTitle('Test Results of Suite: ' + suite_name)
   show_all = (suite_name == 'TOTAL')
   var testTableBlocks = document.getElementById('test-table')
       .getElementsByClassName('row_block');
   Array.prototype.slice.call(testTableBlocks)
       .forEach(function(testTableBlock) {
         if (!show_all) {
           var table_block_in_suite = (testTableBlock.firstElementChild
             .firstElementChild.firstElementChild.innerHTML)
             .startsWith(suite_name);
           if (!table_block_in_suite) {
             testTableBlock.style.display = 'none';
             return;
           }
         }
         testTableBlock.style.display = 'table-row-group';
       });
   showTestTable(true);
   showSuiteTable(false);
+  window.scrollTo(0, 0);

[jbudorick, 2017/04/11 17:52:47]

Why are we now scrolling to the top?

[BigBossZhiling, 2017/04/11 18:37:51]

Acknowledged.

+  if (push_state) {

[jbudorick, 2017/04/11 17:52:47]

Should this & replace_state be in these two functions? What if we extracted
them, either to the call sites directly or to separate (or wrapping) functions?

[BigBossZhiling, 2017/04/11 18:37:51]

Done.

+    history.pushState({suite: suite_name}, suite_name, '');
+  }
 }
 
-function showSuiteTableOnly() {
+function showSuiteTableOnly(replace_state) {
   setTitle('Suites Summary')
   showTestTable(false);
   showSuiteTable(true);
+  window.scrollTo(0, 0);
+  if (replace_state) {
+    history.replaceState({}, 'suite_table', '');
+  }
+}
+
+function setBrowserBackButtonLogic() {
+  window.onpopstate = function(event) {
+    if (!event.state || !event.state.suite) {
+      showSuiteTableOnly(false);
+    } else {
+      showTestsOfOneSuiteOnly(event.state.suite, false);
+    }
+  };
 }
 
 function setTitle(title) {
   document.getElementById('summary-header').textContent = title;
 }
 
 function sortByColumn(head) {
   var table = head.parentNode.parentNode.parentNode;
   var rowBlocks = Array.prototype.slice.call(
       table.getElementsByTagName('tbody'));
@@ skipping 94 matching lines @@
           (b_rows.length - b_success_or_skipped) / btotal_minus_skipped);
     }
     return asc * (avalue - bvalue);
   });
 
   for (var i = 0; i < rowBlocks.length; i++) {
     table.appendChild(rowBlocks[i]);
   }
 }
 
-function loadPage() {
-  var args = getArguments();
-  if ('suite' in args) {
-    // The user wants to visit detailed 'subpage' of that suite.
-    showTestsOfOneSuiteOnly(args['suite']);
-  } else {
-    // The user wants to visit the summary of all suites.
-    showSuiteTableOnly();
-  }
-}
-
 function reportIssues() {
   var url = 'https://bugs.chromium.org/p/chromium/issues/entry?' +
             'labels=Pri-2,Type-Bug,Restrict-View-Google&' +
             'summary=Result Details Feedback:&' +
             'comment=Please check out: ' + window.location;
   var newWindow = window.open(url, '_blank');
   newWindow.focus();
 }