feat: offline dashboard

cypress/elements/editDashboard.js

@@ -3,7 +3,8 @@ import { newButtonSel } from './viewDashboard'
 
 export const confirmActionDialogSel = '[data-test="confirm-action-dialog"]'
 export const titleInputSel = '[data-test="dashboard-title-input"]'
-export const itemMenuSel = '[data-test="item-menu]'
+export const itemMenuSel = '[data-test="item-menu"]'
+export const itemSearchSel = '[data-test="item-search"]'
 
 export const actionsBarSel = '[data-test="edit-control-bar"]'
 

cypress/elements/sharingDialog.js

@@ -0,0 +1,2 @@
+export const getSharingDialogUserSearch = () =>
+    cy.get('[placeholder="Enter names"]').scrollIntoView()

cypress/elements/viewDashboard.js

@@ -25,6 +25,13 @@ export const outerScrollContainerSel = '[data-test="outer-scroll-container"]'
 export const innerScrollContainerSel = '[data-test="inner-scroll-container"]'
 
 /** Functions **/
+
+export const getViewActionButton = action =>
+    cy
+        .get(titleBarSel, EXTENDED_TIMEOUT)
+        .find('button')
+        .contains(action, EXTENDED_TIMEOUT)
+
 export const clickViewActionButton = action =>
     cy
         .get(titleBarSel, EXTENDED_TIMEOUT)

cypress/integration/edit/edit_dashboard/sharing.js

@@ -1,4 +1,5 @@
 import { When, Then } from 'cypress-cucumber-preprocessor/steps'
+import { getSharingDialogUserSearch } from '../../../elements/sharingDialog'
 import { dashboardTitleSel } from '../../../elements/viewDashboard'
 import { EXTENDED_TIMEOUT } from '../../../support/utils'
 
@@ -10,7 +11,7 @@ When('I change sharing settings', () => {
     //confirm that Boateng is not currently listed
     cy.get('hr').should('have.length', 3)
 
-    cy.get('[placeholder="Enter names"]').type('Boateng')
+    getSharingDialogUserSearch().type('Boateng')
     cy.contains(USER_NAME).click()
 
     cy.get('div').contains(USER_NAME).should('be.visible')

cypress/integration/edit/edit_dashboard/star_dashboard.js

@@ -30,6 +30,7 @@ Then('the dashboard is starred', () => {
 
     cy.get(dashboardChipSel)
         .contains(TEST_DASHBOARD_TITLE)
+        .parent()
         .siblings(chipStarSel)
         .first()
         .should('be.visible')
@@ -42,6 +43,7 @@ Then('the dashboard is not starred', () => {
 
     cy.get(dashboardChipSel)
         .contains(TEST_DASHBOARD_TITLE)
+        .parent()
         .siblings()
         .should('not.exist')
 })

cypress/integration/view/offline.feature

@@ -0,0 +1,69 @@
+Feature: Offline dashboard
+
+    Scenario: I cache an uncached dashboard
+        Given I create a cached and uncached dashboard
+        Then the cached dashboard has a Last Updated time and chip icon
+        And the uncached dashboard does not have a Last Updated time and no chip icon
+
+    Scenario: I am online with an uncached dashboard when I lose connectivity
+        Given I open an uncached dashboard
+        When connectivity is turned off
+        Then all actions for "uncached" dashboard requiring connectivity are disabled
+
+    Scenario: I am online with a cached dashboard when I lose connectivity
+        Given I open a cached dashboard
+        Then the cached dashboard options are available
+        When connectivity is turned off
+        Then all actions for "cached" dashboard requiring connectivity are disabled
+
+    Scenario: I am offline and switch from a cached dashboard to an uncached dashboard
+        Given I open a cached dashboard
+        And connectivity is turned off
+        When I click to open an uncached dashboard when offline
+        Then the dashboard is not available and offline message is displayed
+
+    Scenario: I am offline and switch to a cached dashboard
+        Given I open an uncached dashboard
+        And connectivity is turned off
+        When I click to open a cached dashboard when offline
+        Then the cached dashboard is loaded and displayed in view mode
+
+    Scenario: I am offline and switch to an uncached dashboard and then connectivity is restored
+        Given I open a cached dashboard
+        And connectivity is turned off
+        When I click to open an uncached dashboard when offline
+        Then the dashboard is not available and offline message is displayed
+        When connectivity is turned on
+        Then the uncached dashboard is loaded and displayed in view mode
+
+    Scenario: I am in edit mode on an uncached dashboard when I lose connectivity and then I exit without saving and then connectivity is restored
+        Given I open an uncached dashboard in edit mode
+        When connectivity is turned off
+        Then all edit actions requiring connectivity are disabled
+        When I click Exit without saving
+        Then the dashboard is not available and offline message is displayed
+        When connectivity is turned on
+        Then the uncached dashboard is loaded and displayed in view mode
+
+    Scenario: I am in edit mode on a cached dashboard when I lose connectivity and then I exit without saving
+        Given I open a cached dashboard in edit mode
+        When connectivity is turned off
+        Then all edit actions requiring connectivity are disabled
+        When I click Exit without saving
+        Then the cached dashboard is loaded and displayed in view mode
+
+    Scenario: The sharing dialog is open when connectivity is lost
+        Given I open a cached dashboard
+        When I open sharing settings
+        And connectivity is turned off
+        Then it is not possible to change sharing settings
+
+    Scenario: The interpretations panel is open when connectivity is lost
+        Given I open a cached dashboard
+        And I open the interpretations panel
+        When connectivity is turned off
+        Then it is not possible to interact with interpretations
+
+
+    Scenario: I delete the cached and uncached dashboard
+        Given I delete the cached and uncached dashboard