forked from kubeflow/kubeflow
-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
added cypress tests for central dashboard (#168)
* added cypress tests for central dashboard * updated main page test --------- Co-authored-by: Mathis Marcotte <[email protected]>
- Loading branch information
1 parent
e463df0
commit bfa497f
Showing
10 changed files
with
610 additions
and
11 deletions.
There are no files selected for viewing
22 changes: 22 additions & 0 deletions
22
components/centraldashboard/cypress/e2e/landing-page.cy.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| describe('Landing Page', () => { | ||
| beforeEach(()=>{ | ||
| cy.mockDashboardLinksRequest(); | ||
| cy.intercept('GET', `/api/workgroup/exists`, { | ||
| "hasAuth":true, | ||
| "user":"user.name", | ||
| "hasWorkgroup":false, | ||
| "registrationFlowAllowed":true | ||
| }).as('mockWorkgroupRequest'); | ||
|
|
||
| cy.visit('/'); | ||
|
|
||
| cy.wait(['@mockWorkgroupRequest', '@mockDashboardLinksRequest']); | ||
| }); | ||
|
|
||
| it('should access the landing page', ()=>{ | ||
| cy.get('main-page').shadow().find('landing-page').should('exist'); | ||
| cy.get('main-page').shadow().find('landing-page').shadow().find('#MainCard > neon-animatable > h2').should('have.text', 'Welcome'); | ||
| cy.get('main-page').shadow().find('landing-page').shadow().find('#MainCard > neon-animatable > aside').should('have.text', 'It seems like you have not been assigned to a workspace, please refer to your project owner or join us on our Slack support channel at https://statcan-aaw.slack.com'); | ||
| cy.get('main-page').shadow().find('landing-page').shadow().find('#MainCard > neon-animatable > aside').find('a').should('exist').and('have.prop', 'href', 'https://statcan-aaw.slack.com/'); | ||
| }); | ||
| }); |
185 changes: 176 additions & 9 deletions
185
components/centraldashboard/cypress/e2e/main-page.cy.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,16 +1,183 @@ | ||
| describe('Main Page spec', () => { | ||
| it('should access kubeflow', () => { | ||
| describe('Main Page', () => { | ||
| beforeEach(()=>{ | ||
| cy.mockWorkgroupRequest(); | ||
| cy.mockDashboardLinksRequest(); | ||
| cy.mockEnvInfoRequest(); | ||
|
|
||
|
|
||
| cy.mockActivitiesRequest('test-namespace'); | ||
| cy.mockGetNotebooksRequest('test-namespace'); | ||
| cy.mockGetContributorsRequest('test-namespace'); | ||
| cy.mockNotebookContentsRequest('test-namespace', 'a-dog-breed-katib'); | ||
| cy.visit('/'); | ||
|
|
||
| cy.wait('@mockWorkgroupRequest'); | ||
| cy.wait('@mockDashboardLinksRequest'); | ||
| cy.wait('@mockEnvInfoRequest'); | ||
|
|
||
| cy.wait([ | ||
| '@mockWorkgroupRequest', | ||
| '@mockDashboardLinksRequest', | ||
| '@mockEnvInfoRequest', | ||
| '@mockActivitiesRequest', | ||
| '@mockGetNotebooksRequest', | ||
| '@mockGetContributorsRequest', | ||
| '@mockNotebookContentsRequest', | ||
| ]); | ||
| }); | ||
|
|
||
| it('should access the dashboard', () => { | ||
| cy.get('main-page').should('exist'); | ||
| cy.get('main-page').shadow().find('dashboard-view').should('exist'); | ||
| }) | ||
| // create new notebook link | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Quick-Links').should('exist'); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Quick-Links').find('iframe-link').should('exist').and('have.length', 1).and('have.prop', 'href', '/en/new?ns=test-namespace'); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Quick-Links').find('iframe-link').find('div.header').should('have.text', 'Create a new Notebook server'); | ||
| // recent notebooks links | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('notebooks-card').should('exist'); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('notebooks-card').shadow().find('iframe-link').should('have.length', 5); | ||
| // documentation links | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').should('exist'); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').should('have.length', 4); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').eq(0).should('have.prop', 'href', 'https://statcan.github.io/aaw/'); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').eq(0).find('div.header').should('have.text', 'Advanced Analytics Workspace Docs'); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').eq(0).find('aside').should('have.text', 'Helpful guides about our data and analysis tools'); | ||
|
|
||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').eq(1).should('have.prop', 'href', 'https://www.youtube.com/playlist?list=PL1zlA2D7AHugkDdiyeUHWOKGKUd3MB_nD'); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').eq(1).find('div.header').should('have.text', 'Video Tutorial Series'); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').eq(1).find('aside').should('have.text', 'YouTube playlist of videos for getting started with Advanced Analytics Workspace tools'); | ||
|
|
||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').eq(2).should('have.prop', 'href', 'https://statcan-aaw.slack.com/'); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').eq(2).find('div.header').should('have.text', 'Community Chat'); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').eq(2).find('aside').should('have.text', 'Slack workspace for discussion/support - requires sign-up for emails outside @canada.ca'); | ||
|
|
||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').eq(3).should('have.prop', 'href', 'https://www.kubeflow.org/docs/'); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').eq(3).find('div.header').should('have.text', 'Official Kubeflow Docs'); | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('paper-card#Documentation').find('a').eq(3).find('aside').should('have.text', 'Advanced documentation for installing, running, and using Kubeflow'); | ||
| //activities tab | ||
| cy.get('main-page').shadow().find('#ViewTabs > paper-tabs > paper-tab:nth-child(2)').click(); | ||
| cy.url().should('eq', 'http://localhost:8080/activity?ns=test-namespace'); | ||
| cy.get('main-page').shadow().find('activity-view').should('exist'); | ||
| cy.get('main-page').shadow().find('activity-view').shadow().find('activities-list').shadow().find('div.activity-row').should('have.length', 3); | ||
| }); | ||
|
|
||
| it('should have working menu links', () => { | ||
| cy.get('main-page').shadow().find('app-drawer').should('have.prop', 'opened', false); | ||
|
|
||
| cy.get('main-page').shadow().find('#Menu').click(); | ||
| cy.get('main-page').shadow().find('app-drawer').should('have.prop', 'opened', true); | ||
|
|
||
| cy.get('main-page').shadow().find('[data-cy-menu-links]').should('exist'); | ||
| cy.get('main-page').shadow().find('a[href="/?ns=test-namespace"]').should('exist'); | ||
| cy.get('main-page').shadow().find('a[href="/?ns=test-namespace"]').find('paper-item').should('have.text', 'Home'); | ||
|
|
||
| cy.get('main-page').shadow().find('iframe-link[href="/en/?ns=test-namespace"]').should('exist'); | ||
| cy.get('main-page').shadow().find('iframe-link[href="/en/?ns=test-namespace"]').find('paper-item').should('have.text', 'Notebooks'); | ||
|
|
||
| cy.get('main-page').shadow().find('a[href="/manage-users?ns=test-namespace"]').should('exist'); | ||
| cy.get('main-page').shadow().find('a[href="/manage-users?ns=test-namespace"]').find('paper-item').should('have.text', 'Manage Contributors'); | ||
|
|
||
| cy.get('main-page').shadow().find('a[href="https://grafana.aaw-dev.cloud.statcan.ca/d/ZLp774O4z/namespace-metrics?orgId=1&var-namespace=test-namespace&kiosk=tv"]').should('exist'); | ||
| cy.get('main-page').shadow().find('a[href="https://grafana.aaw-dev.cloud.statcan.ca/d/ZLp774O4z/namespace-metrics?orgId=1&var-namespace=test-namespace&kiosk=tv"]').find('paper-item').should('have.text', 'Metrics'); | ||
|
|
||
| cy.get('main-page').shadow().find('a[href="https://github.com/kubeflow/kubeflow"]').should('exist'); | ||
| cy.get('main-page').shadow().find('a[href="https://github.com/kubeflow/kubeflow"]').find('paper-item').should('have.text', 'GitHub'); | ||
|
|
||
| cy.get('main-page').shadow().find('a[href="https://www.kubeflow.org/docs/about/kubeflow/"]').should('exist'); | ||
| cy.get('main-page').shadow().find('a[href="https://www.kubeflow.org/docs/about/kubeflow/"]').find('paper-item').should('have.text', 'Documentation'); | ||
|
|
||
| //mock env info to hide manage contributors link | ||
| cy.intercept('GET', `/api/workgroup/env-info`, { | ||
| "platform": { | ||
| "kubeflowVersion": "v1beta1", | ||
| "provider": "test_provider", | ||
| "providerName": "azure", | ||
| "logoutUrl": "/logout" | ||
| }, | ||
| "namespaces": [ | ||
| { | ||
| "user": "[email protected]", | ||
| "namespace": "test-namespace-2", | ||
| "role": "contributor" | ||
| }, | ||
| { | ||
| "user": "[email protected]", | ||
| "namespace": "test-namespace", | ||
| "role": "contributor" | ||
| } | ||
| ], | ||
| "isClusterAdmin": false | ||
| }).as('mockEnvInfoRequest'); | ||
|
|
||
| cy.visit('/'); | ||
|
|
||
| cy.wait(['@mockWorkgroupRequest', '@mockDashboardLinksRequest', '@mockEnvInfoRequest']); | ||
|
|
||
| cy.get('main-page').shadow().find('#Menu').click(); | ||
| cy.get('main-page').shadow().find('a[href="/manage-users?ns=test-namespace-2"]').should('not.exist'); | ||
| }); | ||
|
|
||
| it('should change namespace', () => { | ||
| cy.mockActivitiesRequest('test-namespace-2'); | ||
| cy.intercept('GET', `/jupyter/api/namespaces/test-namespace-2/notebooks`, { | ||
| "success": true, | ||
| "status": 200, | ||
| "notebooks": [ | ||
| { | ||
| "age": "2022-09-01T15:15:35Z", | ||
| "cpu": "1m", | ||
| "gpus": { | ||
| "count": 0, | ||
| "message": "" | ||
| }, | ||
| "image": "kubeflownotebookswg/jupyter-scipy:latest", | ||
| "lastActivity": "2022-09-21T12:15:06Z", | ||
| "memory": "1073741824m", | ||
| "name": "test-notebook-for-testing", | ||
| "namespace": "test-namespace-2", | ||
| "serverType": "jupyter", | ||
| "shortImage": "jupyter-scipy:latest", | ||
| "status": { | ||
| "message": "Warning", | ||
| "phase": "warning", | ||
| "state": "" | ||
| }, | ||
| "volumes": [ | ||
| "dshm", | ||
| "dog-breed-nwmrc-tutorial-dog-breed-datavol-1-xrrmt-lf276", | ||
| "dog-breed-nwmrc-tutorial-dog-breed-workspace-24ntl-jcjlv" | ||
| ] | ||
| } | ||
| ] | ||
| }).as('mockGetNotebooksRequest2'); | ||
| cy.intercept('GET', `/notebook/test-namespace-2/test-notebook-for-testing/api/contents`, { | ||
| statusCode: 504, | ||
| }).as('mockNotebookContentsRequest2'); | ||
| cy.get('main-page').shadow().find('#NamespaceSelector').click({force: true}); | ||
| cy.get('main-page').shadow().find('#NamespaceSelector').shadow().find('paper-menu-button > paper-listbox > paper-item:nth-child(2)').click({force: true}); | ||
| cy.wait(['@mockActivitiesRequest', '@mockGetNotebooksRequest2', '@mockNotebookContentsRequest2']); | ||
|
|
||
| cy.url().should('eq', 'http://localhost:8080/?ns=test-namespace-2'); | ||
| // see new list of recent notebooks | ||
| cy.get('main-page').shadow().find('dashboard-view').shadow().find('notebooks-card').shadow().find('header#message').should('have.text', "\n No Notebooks in namespace test-namespace-2\n "); | ||
|
|
||
| // test links with new namespace | ||
| cy.get('main-page').shadow().find('app-drawer').should('have.prop', 'opened', false); | ||
|
|
||
| cy.get('main-page').shadow().find('#Menu').click(); | ||
| cy.get('main-page').shadow().find('app-drawer').should('have.prop', 'opened', true); | ||
|
|
||
| cy.get('main-page').shadow().find('[data-cy-menu-links]').should('exist'); | ||
| cy.get('main-page').shadow().find('a[href="/?ns=test-namespace-2"]').should('exist'); | ||
| cy.get('main-page').shadow().find('a[href="/?ns=test-namespace-2"]').find('paper-item').should('have.text', 'Home'); | ||
|
|
||
| cy.get('main-page').shadow().find('iframe-link[href="/en/?ns=test-namespace-2"]').should('exist'); | ||
| cy.get('main-page').shadow().find('iframe-link[href="/en/?ns=test-namespace-2"]').find('paper-item').should('have.text', 'Notebooks'); | ||
|
|
||
| cy.get('main-page').shadow().find('a[href="/manage-users?ns=test-namespace-2"]').should('exist'); | ||
| cy.get('main-page').shadow().find('a[href="/manage-users?ns=test-namespace-2"]').find('paper-item').should('have.text', 'Manage Contributors'); | ||
|
|
||
| cy.get('main-page').shadow().find('a[href="https://grafana.aaw-dev.cloud.statcan.ca/d/ZLp774O4z/namespace-metrics?orgId=1&var-namespace=test-namespace-2&kiosk=tv"]').should('exist'); | ||
| cy.get('main-page').shadow().find('a[href="https://grafana.aaw-dev.cloud.statcan.ca/d/ZLp774O4z/namespace-metrics?orgId=1&var-namespace=test-namespace-2&kiosk=tv"]').find('paper-item').should('have.text', 'Metrics'); | ||
|
|
||
| cy.get('main-page').shadow().find('a[href="https://github.com/kubeflow/kubeflow"]').should('exist'); | ||
| cy.get('main-page').shadow().find('a[href="https://github.com/kubeflow/kubeflow"]').find('paper-item').should('have.text', 'GitHub'); | ||
|
|
||
| cy.get('main-page').shadow().find('a[href="https://www.kubeflow.org/docs/about/kubeflow/"]').should('exist'); | ||
| cy.get('main-page').shadow().find('a[href="https://www.kubeflow.org/docs/about/kubeflow/"]').find('paper-item').should('have.text', 'Documentation'); | ||
| }); | ||
| }) |
Oops, something went wrong.