Merge remote-tracking branch 'origin/master' into master-develop-sync…

…-03-12

backend/app/infrastructure/external_api/safe/message_details.py

@@ -1,4 +1,3 @@
-from http import HTTPStatus
 import requests
 
 import app as app_module
@@ -14,8 +13,7 @@ def get_message_details(message_hash: str, is_mainnet: bool) -> dict:
         response.raise_for_status()
         json_response = response.json()
     except requests.exceptions.RequestException as e:
-        if response.status_code != HTTPStatus.NOT_FOUND:
-            app_module.ExceptionHandler.print_stacktrace(e)
+        app_module.ExceptionHandler.print_stacktrace(e)
         raise ExternalApiException(e)
 
     return json_response

client/cypress/e2e/_02makePendingSnapshot.cy.ts

@@ -0,0 +1,41 @@
+import { mockCoinPricesServer, visitWithLoader } from 'cypress/utils/e2e';
+import { mutateAsyncMakeSnapshot } from 'cypress/utils/moveTime';
+import {
+  HAS_ONBOARDING_BEEN_CLOSED,
+  IS_ONBOARDING_ALWAYS_VISIBLE,
+  IS_ONBOARDING_DONE,
+} from 'src/constants/localStorageKeys';
+import { ROOT_ROUTES } from 'src/routes/RootRoutes/routes';
+
+// In E2E snapshotter is disabled. Before the first test can be run, pending snapshot needs to be done.
+describe('Make pending snapshot', () => {
+  before(() => {
+    /**
+     * Global Metamask setup done by Synpress is not always done.
+     * Since Synpress needs to have valid provider to fetch the data from contracts,
+     * setupMetamask is required in each test suite.
+     */
+    cy.setupMetamask();
+  });
+
+  beforeEach(() => {
+    cy.disconnectMetamaskWalletFromAllDapps();
+    mockCoinPricesServer();
+    localStorage.setItem(IS_ONBOARDING_ALWAYS_VISIBLE, 'false');
+    localStorage.setItem(IS_ONBOARDING_DONE, 'true');
+    localStorage.setItem(HAS_ONBOARDING_BEEN_CLOSED, 'true');
+    visitWithLoader(ROOT_ROUTES.playground.absolute);
+  });
+
+  it('make pending snapshot', () => {
+    cy.window().then(async win => {
+      cy.wrap(null).then(() => {
+        return mutateAsyncMakeSnapshot(win, 'pending').then(str => {
+          expect(str).to.eq(true);
+        });
+      });
+      cy.get('[data-test=SyncView]', { timeout: 60000 }).should('not.exist');
+      cy.wait(5000);
+    });
+  });
+});

client/cypress/e2e/_03closeAW.cy.ts

@@ -0,0 +1,27 @@
+import { moveTime, setupAndMoveToPlayground } from 'cypress/utils/moveTime';
+import { QUERY_KEYS } from 'src/api/queryKeys';
+
+describe('move time - AW IS CLOSED', () => {
+  before(() => {
+    /**
+     * Global Metamask setup done by Synpress is not always done.
+     * Since Synpress needs to have valid provider to fetch the data from contracts,
+     * setupMetamask is required in each test suite.
+     */
+    cy.setupMetamask();
+  });
+
+  it('allocation window is closed, when it is not, move time', () => {
+    setupAndMoveToPlayground();
+
+    cy.window().then(async win => {
+      moveTime(win, 'nextEpochDecisionWindowClosed').then(() => {
+        cy.get('[data-test=PlaygroundView]').should('be.visible');
+        const isDecisionWindowOpenAfter = win.clientReactQuery.getQueryData(
+          QUERY_KEYS.isDecisionWindowOpen,
+        );
+        expect(isDecisionWindowOpenAfter).to.be.false;
+      });
+    });
+  });
+});

client/cypress/e2e/_04layoutTopBar.cy.ts

@@ -0,0 +1,249 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import chaiColors from 'chai-colors';
+
+import { mockCoinPricesServer, visitWithLoader } from 'cypress/utils/e2e';
+import viewports from 'cypress/utils/viewports';
+import {
+  HAS_ONBOARDING_BEEN_CLOSED,
+  IS_ONBOARDING_ALWAYS_VISIBLE,
+  IS_ONBOARDING_DONE,
+} from 'src/constants/localStorageKeys';
+import { ROOT, ROOT_ROUTES } from 'src/routes/RootRoutes/routes';
+
+chai.use(chaiColors);
+
+Object.values(viewports).forEach(({ device, viewportWidth, viewportHeight }) => {
+  describe(`[AW IS CLOSED] LayoutTopBar: ${device}`, { viewportHeight, viewportWidth }, () => {
+    before(() => {
+      cy.clearLocalStorage();
+    });
+
+    beforeEach(() => {
+      mockCoinPricesServer();
+      localStorage.setItem(IS_ONBOARDING_ALWAYS_VISIBLE, 'false');
+      localStorage.setItem(IS_ONBOARDING_DONE, 'true');
+      localStorage.setItem(HAS_ONBOARDING_BEEN_CLOSED, 'true');
+      visitWithLoader(ROOT.absolute, ROOT_ROUTES.home.absolute);
+    });
+
+    it('Top bar is visible ', () => {
+      cy.get('[data-test=Layout__topBarWrapper]').should('be.visible');
+      cy.get('[data-test=LayoutTopBar]').should('be.visible');
+    });
+
+    it('Top bar has grey background', () => {
+      cy.get('[data-test=Layout__topBarWrapper]')
+        .then($el => $el.css('backgroundColor'))
+        .should('be.colored', '#f8f8f8');
+    });
+
+    it('Octant logo is visible and has correct background colour', () => {
+      cy.get('[data-test=LayoutTopBar__Logo]').should('be.visible');
+      cy.get('[data-test=LayoutTopBar__Logo]').within(() => {
+        cy.get('path')
+          .then($el => $el.css('fill'))
+          .should('be.colored', '#171717');
+      });
+    });
+
+    it('Octant testnet indicator not exist', () => {
+      cy.get('[data-test=LayoutTopBar__Logo__testnetIndicator]').should('not.exist');
+    });
+
+    it('Clicking on Octant logo scrolls view to the top on logo click (Home view)', () => {
+      cy.get('[data-test=HomeView]').should('be.visible');
+      cy.scrollTo(0, 500);
+      cy.get('[data-test=LayoutTopBar__Logo]').click();
+      // waiting for scrolling to finish
+      cy.wait(2000);
+      cy.window().then(cyWindow => {
+        expect(cyWindow.scrollY).to.be.eq(0);
+      });
+    });
+
+    it('Clicking on Octant logo redirects to Home view (outside Home view)', () => {
+      if (device === 'large-desktop' || device === 'desktop') {
+        cy.get('[data-test=LayoutTopBar__link--metrics]').click();
+      } else {
+        cy.get(`[data-test=LayoutNavbar__Button--metrics]`).click();
+      }
+      cy.get('[data-test=MetricsView]').should('be.visible');
+      cy.get('[data-test=LayoutTopBar__Logo]').click();
+      cy.get('[data-test=HomeView]').should('be.visible');
+    });
+
+    if (device !== 'mobile') {
+      it('Top bar is visible when user scrolls down/up', () => {
+        // scroll down
+        cy.scrollTo(0, 500);
+        cy.get('[data-test=Layout__topBarWrapper]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar]').should('be.visible');
+        // scroll up
+        cy.scrollTo(0, 250);
+        cy.get('[data-test=Layout__topBarWrapper]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar]').should('be.visible');
+      });
+    } else {
+      it('Top bar hides when user scrolls down then top bar shows when user scrolls up', () => {
+        cy.get('[data-test=Layout__topBarWrapper]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar]').should('be.visible');
+        cy.scrollTo(0, 500);
+        cy.get('[data-test=Layout__topBarWrapper]').should('not.be.visible');
+        cy.get('[data-test=LayoutTopBar]').should('not.be.visible');
+        cy.scrollTo(0, 250);
+        cy.get('[data-test=Layout__topBarWrapper]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar]').should('be.visible');
+      });
+    }
+
+    if (device === 'large-desktop' || device === 'desktop') {
+      it('Projects view link is visible and redirects to Projects view after click', () => {
+        cy.get('[data-test=HomeView]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar__link--projects]').click();
+        cy.get('[data-test=ProjectsView]').should('be.visible');
+      });
+
+      it('Metrics view link is visible and redirects to Metrics view after click', () => {
+        cy.get('[data-test=HomeView]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar__link--metrics]').click();
+        cy.get('[data-test=MetricsView]').should('be.visible');
+      });
+
+      it('Home view link is visible and redirects to Home view after click', () => {
+        cy.get('[data-test=HomeView]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar__link--metrics]').click();
+        cy.get('[data-test=MetricsView]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar__link--home]').click();
+        cy.get('[data-test=HomeView]').should('be.visible');
+      });
+
+      it('Active/Inactive link has proper style', () => {
+        cy.get('[data-test=HomeView]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar__link--home]')
+          .then($el => $el.css('color'))
+          .should('be.colored', '#171717');
+        cy.get('[data-test=LayoutTopBar__underline--home]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar__link--projects]')
+          .then($el => $el.css('color'))
+          .should('be.colored', '#cdd1cd');
+        cy.get('[data-test=LayoutTopBar__link--metrics]')
+          .then($el => $el.css('color'))
+          .should('be.colored', '#cdd1cd');
+      });
+    }
+
+    it('Epoch info badge is visible', () => {
+      cy.get('[data-test=LayoutTopBarCalendar]').should('be.visible');
+    });
+
+    it('Connect wallet button is visible', () => {
+      cy.get('[data-test=LayoutTopBar__Button]').should('be.visible');
+    });
+
+    it('Connect wallet button has proper label', () => {
+      cy.get('[data-test=LayoutTopBar__Button]')
+        .invoke('text')
+        .should('eq', device === 'mobile' ? 'Connect' : 'Connect wallet');
+    });
+
+    if (device === 'large-desktop' || device === 'desktop') {
+      it('Settings button is visible and has white background', () => {
+        cy.get('[data-test=LayoutTopBar__settingsButton]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar__settingsButton]')
+          .then($el => $el.css('backgroundColor'))
+          .should('be.colored', '#ffffff');
+      });
+
+      it('Settings button opens Settings drawer', () => {
+        cy.get('[data-test=LayoutTopBar__settingsButton]').click();
+        cy.get('[data-test=SettingsDrawer]').should('be.visible');
+      });
+
+      it('Allocation button is visible and has white background', () => {
+        cy.get('[data-test=LayoutTopBar__allocationButton]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar__allocationButton]')
+          .then($el => $el.css('backgroundColor'))
+          .should('be.colored', '#ffffff');
+      });
+
+      it('Allocation button opens Allocation drawer', () => {
+        cy.get('[data-test=LayoutTopBar__allocationButton]').click();
+        cy.get('[data-test=AllocationDrawer]').should('be.visible');
+      });
+    }
+
+    describe('[TESTNET]', () => {
+      beforeEach(() => {
+        cy.window().then(win => {
+          // eslint-disable-next-line no-param-reassign
+          win.isTestnetCypress = true;
+          // wait for re-render
+          cy.wait(2500);
+        });
+      });
+
+      it('Top bar has red background', () => {
+        cy.get('[data-test=Layout__topBarWrapper]')
+          .then($el => $el.css('backgroundColor'))
+          .should('be.colored', '#ffefee');
+      });
+
+      it('Octant logo exists and has correct background colour', () => {
+        cy.get('[data-test=LayoutTopBar__Logo]').should('exist');
+        cy.get('[data-test=LayoutTopBar__Logo]').within(() => {
+          cy.get('path')
+            .then($el => $el.css('fill'))
+            .should('be.colored', '#ff6157');
+        });
+      });
+
+      it('Octant testnet indicator is visible, has correct style and text', () => {
+        cy.get('[data-test=LayoutTopBar__Logo__testnetIndicator]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar__Logo__testnetIndicator]')
+          .then($el => $el.css('backgroundColor'))
+          .should('be.colored', '#ffefee');
+        cy.get('[data-test=LayoutTopBar__Logo__testnetIndicator]')
+          .invoke('text')
+          .should('eq', 'Local');
+      });
+
+      it('Clicking on testnet indicator scrolls view to the top on logo click (Home view)', () => {
+        cy.get('[data-test=HomeView]').should('be.visible');
+        cy.scrollTo(0, 500);
+        cy.get('[data-test=LayoutTopBar__Logo__testnetIndicator]').click();
+        // waiting for scrolling to finish
+        cy.wait(2000);
+        cy.window().then(cyWindow => {
+          expect(cyWindow.scrollY).to.be.eq(0);
+        });
+      });
+
+      it('Clicking on testnet indicator redirects to Home view (outside Home view)', () => {
+        if (device === 'large-desktop' || device === 'desktop') {
+          cy.get('[data-test=LayoutTopBar__link--metrics]').click();
+        } else {
+          cy.get(`[data-test=LayoutNavbar__Button--metrics]`).click();
+        }
+        cy.get('[data-test=MetricsView]').should('be.visible');
+        cy.get('[data-test=LayoutTopBar__Logo__testnetIndicator]').click();
+        cy.get('[data-test=HomeView]').should('be.visible');
+      });
+
+      if (device === 'large-desktop' || device === 'desktop') {
+        it('Settings button is visible and has red background', () => {
+          cy.get('[data-test=LayoutTopBar__settingsButton]').should('be.visible');
+          cy.get('[data-test=LayoutTopBar__settingsButton]')
+            .then($el => $el.css('backgroundColor'))
+            .should('be.colored', '#fffafa');
+        });
+
+        it('Allocation button is visible and has red background', () => {
+          cy.get('[data-test=LayoutTopBar__allocationButton]').should('be.visible');
+          cy.get('[data-test=LayoutTopBar__allocationButton]')
+            .then($el => $el.css('backgroundColor'))
+            .should('be.colored', '#fffafa');
+        });
+      }
+    });
+  });
+});