Merge pull request #1607 from w3c/development

Create October 30, Release (2)

Includes the following changes:
* #1602
* #1604, which addresses #1578

Author: howard-e

client/components/App/App.jsx

@@ -46,8 +46,8 @@ const App = () => {
           <Navbar.Brand
             className="logo"
             as={Link}
-            to="/"
-            aria-current={location.pathname === '/'}
+            to="/reports"
+            aria-current={location.pathname === '/reports'}
           >
             ARIA-AT
           </Navbar.Brand>
@@ -58,6 +58,15 @@ const App = () => {
             className="justify-content-end"
           >
             <Nav>
+              <li>
+                <Nav.Link
+                  as={Link}
+                  to="/about"
+                  aria-current={location.pathname.startsWith('/about')}
+                >
+                  About
+                </Nav.Link>
+              </li>
               <li>
                 <Nav.Link
                   as={Link}

client/components/Home/Home.jsx

@@ -19,7 +19,7 @@ const Home = () => {
       className={clsx(styles.homePage, styles.container)}
     >
       <Helmet>
-        <title>Home | ARIA-AT</title>
+        <title>About | ARIA-AT</title>
       </Helmet>
       <KeyMetricsBanner />
       <section className={styles.heroSection}>

client/components/Reports/SummarizeTestPlanReports.jsx

@@ -69,12 +69,6 @@ const SummarizeTestPlanReports = ({
       <KeyMetricsBanner />
       <section className={styles.contentSection}>
         <h1>Assistive Technology Interoperability Reports</h1>
-        <h2>Introduction</h2>
-        <p>
-          This page offers a high-level view of all results which have been
-          collected, reviewed and published by the ARIA-AT project. Follow a
-          link in the table below to view detailed results.
-        </p>
 
         <Tabs
           tabs={[
@@ -84,9 +78,9 @@ const SummarizeTestPlanReports = ({
                 <>
                   <h2>Test Plan Support Levels</h2>
                   <p id="support-levels-table-description">
-                    The percentage of assertions which passed when each Test
-                    Plan was executed by a given Assistive Technology and
-                    Browser.
+                    The percentage of 'Must' + 'Should' assertions that are
+                    passing for a given combination of assistive technology and
+                    browser.
                   </p>
                   <Table
                     bordered

client/routes/index.js

@@ -19,7 +19,8 @@ import TestQueueConflicts from '../components/TestQueue/Conflicts';
 
 export default () => (
   <Routes>
-    <Route index path="/" exact element={<Home />} />
+    <Route path="/" element={<Navigate to="/reports" replace />} />
+    <Route exact path="/about" element={<Home />} />
     <Route exact path="/signup-instructions" element={<SignupInstructions />} />
     <Route
       exact

client/tests/e2e/Reports.e2e.test.js

@@ -10,8 +10,6 @@ describe('Reports page', () => {
           'h1 ::-p-text(Assistive Technology Interoperability Reports)'
         );
 
-        await page.waitForSelector('h2 ::-p-text(Introduction)');
-
         // Check that tabs exist
         await page.waitForSelector('button ::-p-text(Test Plans)');
         await page.waitForSelector('button ::-p-text(ARIA Features)');

client/tests/e2e/smokeTest.e2e.test.js

@@ -55,7 +55,7 @@ describe('smoke test', () => {
 
   it('loads various pages without crashing', async () => {
     await Promise.all([
-      getPage({ role: false, url: '/' }, async page => {
+      getPage({ role: false, url: '/about' }, async page => {
         await page.waitForSelector('h1');
         const h1Text = await text(page, 'h1');
         expect(h1Text).toBe(

client/tests/e2e/snapshots/saved/_404.html

@@ -14,7 +14,8 @@
         <nav
           aria-label="Menu"
           class="navbar navbar-expand-xl navbar-light bg-light">
-          <a aria-current="false" class="logo navbar-brand" href="/">ARIA-AT</a
+          <a aria-current="false" class="logo navbar-brand" href="/reports"
+            >ARIA-AT</a
           ><a class="skip-link" href="#main">Skip to main content</a
           ><button
             aria-controls="basic-navbar-nav"
@@ -27,6 +28,9 @@
             class="justify-content-end navbar-collapse collapse"
             id="basic-navbar-nav">
             <div class="navbar-nav">
+              <li>
+                <a aria-current="false" class="nav-link" href="/about">About</a>
+              </li>
               <li>
                 <a aria-current="false" class="nav-link" href="/reports"
                   >AT Interoperability Reports</a