Feature/176 - Compare and Search views

end_to_end_tests/robot_tests/__init__.robot

@@ -1,5 +1,5 @@
 *** Settings ***
-Resource                            ${EXECDIR}/resources/resource.robot
+Resource                            ${EXECDIR}${/}resources${/}resource.robot
 Suite Setup                         Open Browser To Epimetheus Landing Page          ${BROWSER}       ${remote_url}
 
 Suite Teardown                      Custom Teardown

end_to_end_tests/robot_tests/frontend/history_page_tests/test_buttons.robot

@@ -6,11 +6,11 @@ Resource                            ./history_keywords.robot
 
 Test Build Amount Dropdown
   Open history page of series    3
-  Select From Dropdown    ${history_build_selector_5} 
+  Select From Dropdown    ${history_build_selector_5}
   Table should be limited to    number=5
-  Select From Dropdown    ${history_build_selector_10} 
+  Select From Dropdown    ${history_build_selector_10}
   Table should be limited to    number=10
-  Select From Dropdown    ${history_build_selector_30} 
+  Select From Dropdown    ${history_build_selector_30}
   Table should be limited to    number=30
 
 Test Offset Functionality
@@ -69,7 +69,7 @@ Most Recent Build Number should be
   [Arguments]   ${build}
   Wait Until Element Is Enabled    ${series_history_most_recent}
   ${temp_most_recent}=    Get Text    ${series_history_most_recent}
-  
+
   Should be equal as Strings    ${build}    ${temp_most_recent}
 
 Offset should be
@@ -86,5 +86,5 @@ Check offset url
 Click Right Button
   Click Element   ${offset_right}
 Click Left Button
-  Click Element   ${offset_left}  
+  Click Element   ${offset_left}
 

end_to_end_tests/run-e2e-all-scopes.sh

@@ -0,0 +1,161 @@
+#!/bin/sh
+
+python -m robot --outputdir ./logs/ \
+                --variablefile variables.py \
+                --metadata "version:0.3.0" \
+                --metadata "cipipelineid:$cipipelineid" \
+                --metadata "series:$series" \
+                --metadata "branch:$branch" \
+                --metadata "commitsha:$commitsha" \
+                --metadata "changedfiles:$changedfiles" \
+                --metadata "joburl:$joburl" \
+                --metadata "cijobid:$cijobid" \
+                --metadata "username:$username" \
+                --metadata "environment:$environment" \
+                --metadata "testframework:$testframework" \
+                --include Backend \
+                ./robot_tests
+BACKEND=$?
+
+#Testarchiver data storing can be added here,
+#Important to exit with the right exit value from the test execution,
+#not with the exitvalue from data storing.
+
+DATABASE=github_test
+HOST=testarchiverdb.postgres.database.azure.com
+USER=testarchiver@testarchiverdb
+PASSWORD=tallentaj123!
+
+
+
+echo "---------------------------------------------"
+echo " Archiving Backend reports from ./logs -directory"
+echo "---------------------------------------------"
+find ./logs -name \*.xml -type f -print0 | xargs -0 -n1 testarchiver --dbengine postgresql --database "$DATABASE" --host "$HOST" \
+                                            --user "$USER" --pw "$PASSWORD"  \
+                                            --team Epimetheus --series ci_backend#"${BUILD_NUMBER}" --format robotframework
+
+
+
+python -m robot --outputdir ./logs/ \
+                --variablefile variables.py \
+                --metadata "version:0.3.0" \
+                --metadata "cipipelineid:$cipipelineid" \
+                --metadata "series:$series" \
+                --metadata "branch:$branch" \
+                --metadata "commitsha:$commitsha" \
+                --metadata "joburl:$joburl" \
+                --metadata "cijobid:$cijobid" \
+                --metadata "username:$username" \
+                --metadata "environment:$environment" \
+                --metadata "testframework:$testframework" \
+                --include History \
+                ./robot_tests
+HISTORY=$?
+
+echo "---------------------------------------------"
+echo " Archiving History Page reports from ./logs -directory"
+echo "---------------------------------------------"
+find ./logs -name \*.xml -type f -print0 | xargs -0 -n1 testarchiver --dbengine postgresql --database "$DATABASE" --host "$HOST" \
+                                            --user "$USER" --pw "$PASSWORD"  \
+                                            --team Epimetheus --series ci_history_page#"${BUILD_NUMBER}" --format robotframework
+
+python -m robot --outputdir ./logs/ \
+                --variablefile variables.py \
+                --metadata "version:0.3.0" \
+                --metadata "cipipelineid:$cipipelineid" \
+                --metadata "series:$series" \
+                --metadata "branch:$branch" \
+                --metadata "commitsha:$commitsha" \
+                --metadata "joburl:$joburl" \
+                --metadata "cijobid:$cijobid" \
+                --metadata "username:$username" \
+                --metadata "environment:$environment" \
+                --metadata "testframework:$testframework" \
+                --include NavBar \
+                ./robot_tests
+
+NAVBAR=$?
+
+echo "---------------------------------------------"
+echo " Archiving Navigation Bar reports from ./logs -directory"
+echo "---------------------------------------------"
+find ./logs -name \*.xml -type f -print0 | xargs -0 -n1 testarchiver --dbengine postgresql --database "$DATABASE" --host "$HOST" \
+                                            --user "$USER" --pw "$PASSWORD"  \
+                                            --team Epimetheus --series ci_navigation_bar#"${BUILD_NUMBER}" --format robotframework
+
+python -m robot --outputdir ./logs/ \
+                --variablefile variables.py \
+                --metadata "version:0.3.0" \
+                --metadata "cipipelineid:$cipipelineid" \
+                --metadata "series:$series" \
+                --metadata "branch:$branch" \
+                --metadata "commitsha:$commitsha" \
+                --metadata "joburl:$joburl" \
+                --metadata "cijobid:$cijobid" \
+                --metadata "username:$username" \
+                --metadata "environment:$environment" \
+                --metadata "testframework:$testframework" \
+                --include Team \
+                ./robot_tests
+
+TEAM=$?
+
+echo "---------------------------------------------"
+echo " Archiving Team Page reports from ./logs -directory"
+echo "---------------------------------------------"
+find ./logs -name \*.xml -type f -print0 | xargs -0 -n1 testarchiver --dbengine postgresql --database "$DATABASE" --host "$HOST" \
+                                            --user "$USER" --pw "$PASSWORD"  \
+                                            --team Epimetheus --series ci_team_page#"${BUILD_NUMBER}" --format robotframework
+
+python -m robot --outputdir ./logs/ \
+                --variablefile variables.py \
+                --metadata "version:0.3.0" \
+                --metadata "cipipelineid:$cipipelineid" \
+                --metadata "series:$series" \
+                --metadata "branch:$branch" \
+                --metadata "commitsha:$commitsha" \
+                --metadata "joburl:$joburl" \
+                --metadata "cijobid:$cijobid" \
+                --metadata "username:$username" \
+                --metadata "environment:$environment" \
+                --metadata "testframework:$testframework" \
+                --include Series \
+                ./robot_tests
+
+SERIES=$?
+
+echo "---------------------------------------------"
+echo " Archiving Series Page reports from ./logs -directory"
+echo "---------------------------------------------"
+find ./logs -name \*.xml -type f -print0 | xargs -0 -n1 testarchiver --dbengine postgresql --database "$DATABASE" --host "$HOST" \
+                                            --user "$USER" --pw "$PASSWORD"  \
+                                            --team Epimetheus --series ci_series_page#"${BUILD_NUMBER}" --format robotframework
+
+
+python -m robot --outputdir ./logs/ \
+                --variablefile variables.py \
+                --metadata "version:0.3.0" \
+                --metadata "cipipelineid:$cipipelineid" \
+                --metadata "series:$series" \
+                --metadata "branch:$branch" \
+                --metadata "commitsha:$commitsha" \
+                --metadata "joburl:$joburl" \
+                --metadata "cijobid:$cijobid" \
+                --metadata "username:$username" \
+                --metadata "environment:$environment" \
+                --metadata "testframework:$testframework" \
+                --include Build \
+                ./robot_tests
+
+BUILD=$?
+
+echo "---------------------------------------------"
+echo " Archiving Build Page reports from ./logs -directory"
+echo "---------------------------------------------"
+find ./logs -name \*.xml -type f -print0 | xargs -0 -n1 testarchiver --dbengine postgresql --database "$DATABASE" --host "$HOST" \
+                                            --user "$USER" --pw "$PASSWORD"  \
+                                            --team Epimetheus --series ci_build_page#"${BUILD_NUMBER}" --format robotframework
+
+EXITVAL=$((SERIES+TEAM+NAVBAR+HISTORY+BACKEND+BUILD))
+exit $EXITVAL

frontend/Dockerfile

@@ -8,4 +8,4 @@ ENV REACT_APP_SERVER_URL=backend-server
 
 CMD [ "npm", "start" ]
 
-EXPOSE 3000
+EXPOSE 3000

frontend/src/App.jsx

@@ -11,6 +11,8 @@ import BuildHistory from './pages/BuildHistory';
 import Frontpage from './pages/Frontpage';
 import Team from './pages/Team';
 import Suite from './pages/Suite';
+import Comparison from './pages/Comparison';
+import Search from './pages/Search.jsx';
 import { useStateValue } from './contexts/state';
 import './utils/i118n';
 import 'normalize.css';
@@ -67,6 +69,15 @@ const App = () => {
                             <Route path="/series/:seriesId/build/:buildId/analysis">
                                 <Analysis />
                             </Route>
+                            <Route path="/compare/:seriesId/:buildId/to/:seriesId2/:buildId2">
+                                <Comparison />
+                            </Route>
+                            <Route path="/compare">
+                                <Comparison />
+                            </Route>
+                            <Route path="/search">
+                                <Search />
+                            </Route>
                             <Route exact path="/team">
                                 <Team />
                             </Route>

frontend/src/components/BreadcrumbNav.jsx

@@ -25,7 +25,15 @@ const LinkItem = props => {
 };
 
 const ListItems = ({ status }) => {
-    const { name, series, seriesId, buildId, suiteId } = useParams();
+    const {
+        name,
+        series,
+        seriesId,
+        buildId,
+        suiteId,
+        seriesId2,
+        buildId2,
+    } = useParams();
     const [{ selectedBranchState }] = useStateValue();
     const teamName = name || selectedBranchState.team;
     const seriesName = series || selectedBranchState.id;
@@ -59,6 +67,16 @@ const ListItems = ({ status }) => {
             id: 'SuiteBreadCrumb',
             ariaLabel: `${suiteId}: suite's id`,
             name: suiteId,
+        })
+        .set('compare', {
+            to: `/compare`,
+            id: 'CompareBreadCrumb',
+            name: 'Compare',
+        })
+        .set('compareBuilds', {
+            to: `/compare/${seriesId}/${buildId}/to/${seriesId2}/${buildId2}`,
+            id: 'CompareBuildsBreadCrumb',
+            name: `Compare series ${seriesId} build ${buildId} to series ${seriesId2} build ${buildId2}`,
         });
 
     const breadcrumbArray = [];
@@ -93,6 +111,16 @@ const ListItems = ({ status }) => {
                 <LinkItem key="suite" link={links.get('suite')} current />
             );
             break;
+        case 'compare':
+            breadcrumbArray.push(
+                <LinkItem key="compare" link={links.get('compare')} />,
+                <LinkItem
+                    key="compareBuilds"
+                    link={links.get('compareBuilds')}
+                    current
+                />
+            );
+            break;
         default:
             breadcrumbArray.push('');
     }

frontend/src/components/MainContent.styles.js

@@ -3,8 +3,6 @@
 export const StyledDiv = styled.main`
     overflow: auto;
     width: 100%;
-    min-height: calc(
-        100vh - var(--space-80) - var(--space-48) - var(--space-64)
-    );
-    margin-bottom: var(--space-64);
+    min-height: calc(100vh - var(--space-80) - var(--space-48));
+    padding-bottom: var(--space-64);
 `;

frontend/src/components/MainNav.jsx

@@ -11,18 +11,30 @@ const MainNav = () => {
     const team =
         location.pathname.includes('team') ||
         location.pathname.includes('series');
+    const compare = location.pathname.includes('compare');
+    const search = location.pathname.includes('search');
 
     return (
         <header>
             <NavBar id="main-nav">
                 <SiteLogo className="logo">{t('logo')}</SiteLogo>
                 <LinkContainer team={team}>
-                    <NavLink exact to="/" className={!team ? 'active' : ''}>
+                    <NavLink
+                        exact
+                        to="/"
+                        className={location.pathname === '/' ? 'active' : ''}
+                    >
                         {t('help')}
                     </NavLink>
                     <NavLink to="/team" className={team ? 'active' : ''}>
                         {t('team')}
                     </NavLink>
+                    <NavLink to="/compare" className={compare ? 'active' : ''}>
+                        {t('compare')}
+                    </NavLink>
+                    <NavLink to="/search" className={search ? 'active' : ''}>
+                        {t('search')}
+                    </NavLink>
                     <a
                         href="https://github.com/salabs/Epimetheus"
                         target="_blank"

frontend/src/components/MainNav.styles.js

@@ -15,7 +15,7 @@ export const SiteLogo = styled.div`
     font-size: 30px;
     font-weight: 700;
 
-    @media only screen and (max-width: 540px) {
+    @media only screen and (max-width: 768px) {
         width: var(--space-16);
         margin-right: 0;
         overflow: hidden;

frontend/src/components/buildsTestResultTable/BuildsTestResultTable.jsx

@@ -8,7 +8,7 @@ const BuildsTestResultTable = ({ id }) => {
     const [t] = useTranslation(['history']);
 
     return (
-        <Table table-id="last-run-table">
+        <Table tableId="last-run-table">
             <thead>
                 <tr>
                     <WideTh>{t('build.table.suite')}</WideTh>