Update test run page & replace renderer's iframe

.github/workflows/runtest.yml

@@ -15,6 +15,9 @@ jobs:
       - run: yarn --version
       - name: Install PostgreSQL 12
         run: |
+          wget --quiet -O - https://www.postgresql.org/media/keys/ACCC4CF8.asc | sudo apt-key add -
+          echo "deb http://apt.postgresql.org/pub/repos/apt/ `lsb_release -cs`-pgdg main" |sudo tee  /etc/apt/sources.list.d/pgdg.list
+          sudo apt-get -y update
           sudo apt-get -y install postgresql-12
           sudo apt-get -y install postgresql-client-12
       - name: before_install
@@ -34,6 +37,7 @@ jobs:
           yarn sequelize:test db:seed:all
           yarn workspace server db-import-tests:test -c ${IMPORT_ARIA_AT_TESTS_COMMIT_1}
           yarn workspace server db-import-tests:test -c ${IMPORT_ARIA_AT_TESTS_COMMIT_2}
+          yarn workspace server db-import-tests:test
           yarn workspace server db-populate-sample-data:test
       - name: test
         run: yarn test

client/components/App/App.jsx

@@ -11,17 +11,17 @@ import { Link, useLocation } from 'react-router-dom';
 import { Container, Navbar, Nav } from 'react-bootstrap';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faUserCircle } from '@fortawesome/free-solid-svg-icons';
-import { ME_QUERY } from '../TestQueue/queries';
+import { ME_QUERY } from './queries';
 import routes from '../../routes';
 import useSigninUrl from './useSigninUrl';
 import './App.css';
 
 const App = ({ auth, dispatch }) => {
-    const { client, error, loading, data } = useQuery(ME_QUERY);
+    const { client, loading, data } = useQuery(ME_QUERY);
     const signinUrl = useSigninUrl();
     const location = useLocation();
 
-    const { isSignedIn, isSignOutCalled, isTester, isAdmin, username } = auth;
+    const { isSignedIn, isSignOutCalled, isTester, username } = auth;
 
     const signOut = async () => {
         dispatch(signOutAction());
@@ -36,11 +36,6 @@ const App = ({ auth, dispatch }) => {
     if (!isSignOutCalled && !username && data && data.me)
         dispatch(signInAction(data.me));
 
-    if (error) {
-        // TODO: Display error message / page for failed user auth attempt
-        // dispatch(signInFailAction());
-    }
-
     return (
         <Fragment>
             <Container fluid>
@@ -101,18 +96,18 @@ const App = ({ auth, dispatch }) => {
                                         Test Queue
                                     </Nav.Link>
                                 )}
-                                {isAdmin && (
-                                    <Nav.Link
-                                        as={Link}
-                                        to="/admin/configure-runs"
-                                        aria-current={
-                                            location.pathname ===
-                                            '/admin/configure-runs'
-                                        }
-                                    >
-                                        Test Configuration
-                                    </Nav.Link>
-                                )}
+                                {/*{isAdmin && (*/}
+                                {/*    <Nav.Link*/}
+                                {/*        as={Link}*/}
+                                {/*        to="/admin/configure-runs"*/}
+                                {/*        aria-current={*/}
+                                {/*            location.pathname ===*/}
+                                {/*            '/admin/configure-runs'*/}
+                                {/*        }*/}
+                                {/*    >*/}
+                                {/*        Test Configuration*/}
+                                {/*    </Nav.Link>*/}
+                                {/*)}*/}
                                 <Nav.Link
                                     as={Link}
                                     to="/account/settings"

client/components/App/queries.js

@@ -0,0 +1,11 @@
+import { gql } from '@apollo/client';
+
+export const ME_QUERY = gql`
+    query {
+        me {
+            id
+            username
+            roles
+        }
+    }
+`;

client/components/Home/Home.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
-import { gql, useQuery } from '@apollo/client';
+import { useQuery } from '@apollo/client';
 import { Helmet } from 'react-helmet';
 import { Button, Container } from 'react-bootstrap';
 import testConfigurationScreenshot from '../../assets/home-page/config-test.jpg';
@@ -14,17 +14,10 @@ import iconReviewTests from '../../assets/review-tests.jpg';
 import iconFixIssue from '../../assets/fix-issue.jpg';
 import heroImage from '../../assets/hero-illustration.png';
 import useSigninUrl from '../App/useSigninUrl';
-
-const HOME_QUERY = gql`
-    query {
-        me {
-            username
-        }
-    }
-`;
+import { ME_QUERY } from '../App/queries';
 
 const Home = () => {
-    const { loading, data } = useQuery(HOME_QUERY);
+    const { loading, data } = useQuery(ME_QUERY);
     const signinUrl = useSigninUrl();
 
     if (loading) return null;