feat: Improve visyn app with context, store awareness, ...

cypress/component/component-health-check.cy.tsx

@@ -1,10 +1,17 @@
 import * as React from 'react';
 import { mount } from 'cypress/react';
 import { MainApp } from '../../src/demo/MainApp';
+import { VisynAppProvider } from '../../src/visynApp';
+// Load the phovea_registry to ensure all extension points (like locales) are loaded.
+import '../../src/phovea_registry';
 
 describe('Health check for Cypress component test', () => {
   it('should mount MainApp', () => {
-    mount(<MainApp />);
-    cy.get('body').should('include.text', 'Visualization type');
+    mount(
+      <VisynAppProvider appName="Demo App">
+        <MainApp />
+      </VisynAppProvider>,
+    );
+    cy.get('body').should('include.text', 'Demo App');
   });
 });

cypress/e2e/health-check.cy.ts

@@ -1,6 +1,18 @@
 describe('Health check for Cypress e2e test', () => {
   it('should visit the home page', () => {
     cy.visit('/');
+    // Login first using the new modal
+    cy.get('[data-testid="visyn-login-modal"]').should('include.text', 'Demo App');
+    cy.get('input[name="username"]').type('admin');
+    cy.get('input[name="password"]').type('admin');
+    cy.get('button[type="submit"]').click();
+    // Assert the content is now visible
     cy.get('body').should('include.text', 'Visualization type');
+    // Check the user avatar, and then log out again
+    cy.get('[data-testid="visyn-user-avatar"]').should('include.text', 'A').click().parent().contains('Logout').click();
+    // Assert the login modal to be shown again
+    cy.get('[data-testid="visyn-login-modal"]').should('be.visible');
+    // Assert the content to be invisible again
+    cy.get('body').should('not.include.text', 'Visualization type');
   });
 });