Customization options for start page's background

.github/workflows/monitor-studios.yml

@@ -25,8 +25,26 @@ jobs:
         run: |
           yarn cy:publicstudios
       - name: Send error notification
+        id: slack
         if: ${{ failure() && steps.e2eTests.conclusion == 'failure' }}
-        run: echo "We should send a slack notification in this case"
+        uses: slackapi/[email protected]
+        with:
+          channel-id: 'team-nise-alerts'
+          payload: |
+            {
+              "text": "Failure in the public studios e2e cron job",
+              "blocks": [
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": "GitHub Action build ID: ${{ github.run_id }}\n URL: https://github.com/BlueBrain/nexus-web/actions/runs/${{ github.run_id }}\n ${{steps.e2eTests.outputs}}"
+                  }
+                }
+              ]
+            }
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
       - name: Cleanup Docker Containers
         if: ${{ always() }}
         run: docker-compose -f ci/docker-compose.yml down --rmi "local" --volumes

README.md

@@ -2,14 +2,13 @@
 
 # Nexus Fusion
 
-> Note: expect this repo to be renamed to https://github.com/BlueBrain/nexus-fusion to match the new application name and Nexus component branding scheme.
+> Note: expect this repo to be renamed to <https://github.com/BlueBrain/nexus-fusion> to match the new application name and Nexus component branding scheme.
 
 <p align="center">
   <img alt="Build Status" src="https://github.com/BlueBrain/nexus-web/workflows/Review/badge.svg">
   <a href="https://codecov.io/gh/BlueBrain/nexus-web">
     <img src="https://codecov.io/gh/BlueBrain/nexus-web/branch/master/graph/badge.svg" alt="Coverage Status">
   </a>
-
   <a href="https://twitter.com/intent/follow?screen_name=bluebrainnexus">
     <img alt="Follow on Twitter" src="https://img.shields.io/twitter/follow/bluebrainnexus.svg?style=social&label=Follow">
   </a>
@@ -62,13 +61,13 @@ Run end to end tests:
 
 a. To run the tests in headed mode:
 
-```
+```sh
 yarn cy:open
 ```
 
 b. To run the tests in headless mode:
 
-```
+```sh
 yarn cy:run
 ```
 
@@ -106,7 +105,7 @@ docker build . --tag=nexus-web
 - `LOGO_IMG`: Url for an image to be used as Fusion logo in the Header, for example, `https://drive.boogle.com/jnsjdnsjs`
 - `LOGO_LINK`: Url for the logo, for example, `https://www.epfl.ch`
 - `FORGE_LINK`: Url for the Forge Templates button, for example, `https://some-url.hi`
-- `DATA_MODELS`: The location of the datamodels to be used in Activity lists in Workflow: `orgLabel/projectLabel`
+- `DATA_MODELS`: The location of the data models to be used in Activity lists in Workflow: `orgLabel/projectLabel`
 
 The following concern Plugins. [See how to manage plugin deployments](./docs/plugins.md)
 
@@ -160,7 +159,6 @@ There are several channels provided to address different issues:
 
 ## Funding & Acknowledgment
 
-The development of this software was supported by funding to the Blue Brain Project, a research center of the École polytechnique fédérale de
-Lausanne (EPFL), from the Swiss government's ETH Board of the Swiss Federal Institutes of Technology.
+The development of this software was supported by funding to the Blue Brain Project, a research center of the École polytechnique fédérale de Lausanne (EPFL), from the Swiss government's ETH Board of the Swiss Federal Institutes of Technology.
 
 Copyright © 2015-2023 Blue Brain Project/EPFL

cypress-public-studios.config.ts

@@ -2,7 +2,7 @@ const { defineConfig } = require('cypress');
 
 module.exports = defineConfig({
   e2e: {
-    video: false,
+    video: true,
     screenshotOnRunFailure: false,
     baseUrl: 'https://bbp.epfl.ch/nexus/web/',
   },

cypress/e2e/PublicStudios.cy.ts

@@ -63,49 +63,60 @@ describe('Public Studios', () => {
     });
   });
 
-  it('loads data for each dashboard in workspace', () => {
-    PUBLIC_STUDIOS.forEach(studio => {
-      cy.visit(studio.url, {
-        onBeforeLoad: window => dismissConsentToTrackingModal(window),
-      });
-      cy.get('table').scrollIntoView(); // Scrolling the table into view triggers the request to fetch rows for the table.
+  it(
+    'loads data for each dashboard in workspace',
+    {
+      retries: {
+        runMode: 3,
+      },
+    },
+    () => {
+      PUBLIC_STUDIOS.forEach(studio => {
+        cy.visit(studio.url, {
+          onBeforeLoad: window => dismissConsentToTrackingModal(window),
+        });
+        cy.get('table').scrollIntoView(); // Scrolling the table into view triggers the request to fetch rows for the table.
 
-      studio.workspaces.forEach(workspace => {
-        workspace.dashboards.forEach((dashboard, index) => {
-          if (index !== 0) {
+        studio.workspaces.forEach(workspace => {
+          workspace.dashboards.forEach((dashboard, index) => {
             // First dashboard is already tested in the first `it` as it is the default dashboard
-            cy.findByRole('menuitem', {
-              name: new RegExp(workspace.name, 'i'),
-            }).click();
+            if (index !== 0) {
+              cy.findByRole('menuitem', {
+                name: new RegExp(workspace.name, 'i'),
+              }).click();
 
-            cy.intercept('POST', sparqlEndpoint(studio.id)).as(
-              `dashboardSparqlRequest-${dashboard.name}`
-            );
+              cy.intercept('POST', sparqlEndpoint(studio.id)).as(
+                `dashboardSparqlRequest-${dashboard.name}`
+              );
 
-            cy.findByRole('menuitem', {
-              name: dashboard.name,
-            }).click();
+              cy.findByRole('menuitem', {
+                name: dashboard.name,
+              }).click();
 
-            cy.wait(`@dashboardSparqlRequest-${dashboard.name}`, {
-              timeout: 30000,
-            }).then(interception => {
-              cy.wrap(
-                assertColumns(
-                  interception.response.body.head.vars,
-                  dashboard.sortable
-                )
-              );
-              cy.wrap(
-                assertRowCount(
-                  interception.response.body.results.bindings.length
-                )
-              );
-            });
-          }
+              cy.wait(`@dashboardSparqlRequest-${dashboard.name}`, {
+                timeout: 30000,
+              }).then(interception => {
+                cy.log(
+                  `Testing dashboard ${dashboard.name} in workspace ${workspace.name} in studio ${studio.title}`
+                );
+                cy.wrap(
+                  assertColumns(
+                    interception.response.body.head.vars,
+                    dashboard.sortable
+                  )
+                );
+                cy.wrap(
+                  assertRowCount(
+                    interception.response.body.results.bindings.length
+                  )
+                );
+              });
+            }
+          });
         });
       });
-    });
-  });
+    }
+  );
 
   const dismissConsentToTrackingModal = window => {
     window.localStorage.setItem(

cypress/support/e2e.js

@@ -5,7 +5,7 @@ import { loginPage } from './index';
 Cypress.Commands.add('login', (id, realm, username, password) => {
   return cy.session(id, () => {
     cy.visit(loginPage);
-    cy.findByRole('button', { name: /identity-login/i  }).click();
+    cy.findByRole('button', { name: /Identity connect/i }).click();
     cy.get('ul')
       .contains(realm.name)
       .click();
@@ -17,7 +17,7 @@ Cypress.Commands.add('login', (id, realm, username, password) => {
         cy.get('#password').type(password);
         cy.get('input[name="login"]').click();
       }
-    )
+    );
     cy.wait(500);
   });
 });

package.json

@@ -8,7 +8,7 @@
   "repository": "github:bluebrain/nexus-explorer",
   "url": "https://github.com/BlueBrain/nexus/issues/new?labels=fusion",
   "scripts": {
-    "start": "NODE_ENV=development  DEBUG=* webpack --mode development --config-name server && node dist/server.js",
+    "start": "NODE_ENV=development DEBUG=* webpack --mode development --config-name server && node dist/server.js",
     "build": "NODE_ENV=production NODE_OPTIONS=--max_old_space_size=8192  webpack --mode production",
     "test": "jest",
     "test:watch": "jest --watch --maxWorkers=4",

src/__mocks__/handlers/DataExplorerGraphFlow/handlers.ts

@@ -298,7 +298,6 @@ const initialResource = getMockResource(
       '@id': 'https://creativecommons.org/licenses/by/4.0/',
       '@type': 'License',
     },
-    name: 'tkb060126a2_ch3_bc_n_jh_100x_1',
     objectOfStudy: {
       '@id':
         'http://bbp.epfl.ch/neurosciencegraph/taxonomies/objectsofstudy/singlecells',
@@ -713,9 +712,7 @@ const initialResourceExpanded = {
 
 const getDataExplorerGraphFlowResourceObject = rest.get(
   deltaPath(
-    `resources/public/sscx/_/${encodeURIComponent(
-      initialResource['@id']
-    )}?format=expanded`
+    `resources/public/sscx/_/${encodeURIComponent(initialResource['@id'])}`
   ),
   (req, res, ctx) => {
     const format = req.url.searchParams.get('format');

src/client/index.tsx

@@ -24,7 +24,7 @@ import App from '../shared/App';
 import configureStore from '../shared/store';
 import { RootState } from '../shared/store/reducers';
 import { fetchIdentities, fetchRealms } from '../shared/store/actions/auth';
-import { SEARCH_PREFENCE_LOCAL_STORAGE_KEY } from '../shared/store/actions/search';
+import { SEARCH_PREFERENCE_LOCAL_STORAGE_KEY } from '../shared/store/actions/search';
 import { QueryClient, QueryClientProvider } from 'react-query';
 
 // The app base URL
@@ -62,7 +62,7 @@ const initialState: RootState = {
   },
   search: {
     ...preloadedState.search,
-    searchPreference: localStorage.getItem(SEARCH_PREFENCE_LOCAL_STORAGE_KEY),
+    searchPreference: localStorage.getItem(SEARCH_PREFERENCE_LOCAL_STORAGE_KEY),
   },
 };
 

src/pages/HomePage/HomePage.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
-import { HomeSeachByPresets, HomeSearchByApps } from '../../shared/organisms';
+import { HomeSearchByPresets, HomeSearchByApps } from '../../shared/organisms';
 import { MyData } from '../../shared/canvas';
 import { RootState } from '../../shared/store/reducers';
 import IdentityPage from '../../pages/IdentityPage/IdentityPage';
@@ -14,7 +14,7 @@ const Home: React.FunctionComponent = () => {
 
   return (
     <div className="home-view view-container">
-      <HomeSeachByPresets />
+      <HomeSearchByPresets />
       <HomeSearchByApps />
       <MyData />
     </div>