Skip to content
This repository has been archived by the owner on Oct 27, 2022. It is now read-only.

Commit

Permalink
Add cypress tests for project access page (#1215)
Browse files Browse the repository at this point in the history 
* Add tests

* Some fixes

* Fix test
  • Loading branch information
@sjaanus
sjaanus committed Aug 12, 2022
1 parent 688f8cd commit 4ec65ca
Show file tree
Hide file tree
Showing 5 changed files with 201 additions and 1 deletion.
25 changes: 25 additions & 0 deletions .github/workflows/e2e.project-access.yml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
name: e2e:project-access
# https://docs.github.com/en/actions/reference/events-that-trigger-workflows
on: [deployment_status]
jobs:
e2e:
# only runs this job on successful deploy
if: github.event_name == 'deployment_status' && github.event.deployment_status.state == 'success'
runs-on: ubuntu-latest
steps:
- name: Dump GitHub context
env:
GITHUB_CONTEXT: ${{ toJson(github) }}
run: |
echo "$GITHUB_CONTEXT"
- name: Checkout
uses: actions/checkout@v3
- name: Run Cypress
uses: cypress-io/github-action@v2
with:
env: AUTH_USER=admin,AUTH_PASSWORD=unleash4all
config: baseUrl=${{ github.event.deployment_status.target_url }}
record: true
spec: cypress/integration/projects/access/project-access.spec.ts
env:
CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
147 changes: 147 additions & 0 deletions cypress/integration/projects/access/project-access.spec.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,147 @@
/// <reference types="cypress" />

import {
PA_ASSIGN_BUTTON_ID,
PA_ASSIGN_CREATE_ID,
PA_EDIT_BUTTON_ID,
PA_REMOVE_BUTTON_ID,
PA_ROLE_ID,
PA_USERS_GROUPS_ID,
PA_USERS_GROUPS_TITLE_ID,
} from '../../../../src/utils/testIds';

export {};
const baseUrl = Cypress.config().baseUrl;
const randomId = String(Math.random()).split('.')[1];
const groupAndProjectName = `group-e2e-${randomId}`;
const userName = `user-e2e-${randomId}`;
const groupIds: any[] = [];
const userIds: any[] = [];

// Disable all active splash pages by visiting them.
const disableActiveSplashScreens = () => {
cy.visit(`/splash/operators`);
};

describe('project-access', () => {
before(() => {
disableActiveSplashScreens();
cy.login();
for (let i = 1; i <= 2; i++) {
const name = `${i}-${userName}`;
cy.request('POST', `${baseUrl}/api/admin/user-admin`, {
name: name,
email: `${name}@test.com`,
sendEmail: false,
rootRole: 3,
})
.as(name)
.then(response => {
const id = response.body.id;
userIds.push(id);
cy.request('POST', `${baseUrl}/api/admin/groups`, {
name: `${i}-${groupAndProjectName}`,
users: [{ user: { id: id } }],
}).then(response => {
const id = response.body.id;
groupIds.push(id);
});
});
}
cy.request('POST', `${baseUrl}/api/admin/projects`, {
id: groupAndProjectName,
name: groupAndProjectName,
});
});

after(() => {
userIds.forEach(id =>
cy.request('DELETE', `${baseUrl}/api/admin/user-admin/${id}`)
);
groupIds.forEach(id =>
cy.request('DELETE', `${baseUrl}/api/admin/groups/${id}`)
);

cy.request(
'DELETE',
`${baseUrl}/api/admin/projects/${groupAndProjectName}`
);
});

beforeEach(() => {
cy.login();
cy.visit(`/projects/${groupAndProjectName}/access`);
if (document.querySelector("[data-testid='CLOSE_SPLASH']")) {
cy.get("[data-testid='CLOSE_SPLASH']").click();
}
});

it('can assign permissions to user', () => {
cy.get(`[data-testid='${PA_ASSIGN_BUTTON_ID}']`).click();

cy.intercept(
'POST',
`/api/admin/projects/${groupAndProjectName}/role/4/access`
).as('assignAccess');

cy.get(`[data-testid='${PA_USERS_GROUPS_ID}']`).click();
cy.contains(`1-${userName}`).click();
cy.get(`[data-testid='${PA_USERS_GROUPS_TITLE_ID}']`).click();
cy.get(`[data-testid='${PA_ROLE_ID}']`).click();
cy.contains('full control over the project').click({ force: true });

cy.get(`[data-testid='${PA_ASSIGN_CREATE_ID}']`).click();
cy.wait('@assignAccess');
cy.contains(`1-${userName}`);
});

it('can assign permissions to group', () => {
cy.get(`[data-testid='${PA_ASSIGN_BUTTON_ID}']`).click();

cy.intercept(
'POST',
`/api/admin/projects/${groupAndProjectName}/role/4/access`
).as('assignAccess');

cy.get(`[data-testid='${PA_USERS_GROUPS_ID}']`).click();
cy.contains(`1-${groupAndProjectName}`).click({ force: true });
cy.get(`[data-testid='${PA_USERS_GROUPS_TITLE_ID}']`).click();
cy.get(`[data-testid='${PA_ROLE_ID}']`).click();
cy.contains('full control over the project').click({ force: true });

cy.get(`[data-testid='${PA_ASSIGN_CREATE_ID}']`).click();
cy.wait('@assignAccess');
cy.contains(`1-${groupAndProjectName}`);
});

it('can edit role', () => {
cy.get(`[data-testid='${PA_EDIT_BUTTON_ID}']`).first().click();

cy.intercept(
'PUT',
`/api/admin/projects/${groupAndProjectName}/groups/${groupIds[0]}/roles/5`
).as('editAccess');

cy.get(`[data-testid='${PA_ROLE_ID}']`).click();
cy.contains('within a project are allowed').click({ force: true });

cy.get(`[data-testid='${PA_ASSIGN_CREATE_ID}']`).click();
cy.wait('@editAccess');
cy.get("td span:contains('Owner')").should('have.length', 2);
cy.get("td span:contains('Member')").should('have.length', 1);
});

it('can remove access', () => {
cy.get(`[data-testid='${PA_REMOVE_BUTTON_ID}']`).first().click();

cy.intercept(
'DELETE',
`/api/admin/projects/${groupAndProjectName}/groups/${groupIds[0]}/roles/5`
).as('removeAccess');

cy.contains("Yes, I'm sure").click();

cy.wait('@removeAccess');
cy.contains(`1-${groupAndProjectName} has been removed from project`);
});
});
13 changes: 12 additions & 1 deletion src/component/project/ProjectAccess/ProjectAccessAssign/ProjectAccessAssign.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,12 @@ import { ConditionallyRender } from 'component/common/ConditionallyRender/Condit
import { ProjectRoleDescription } from './ProjectRoleDescription/ProjectRoleDescription';
import { useNavigate } from 'react-router-dom';
import { GO_BACK } from 'constants/navigate';
import {
PA_ASSIGN_CREATE_ID,
PA_ROLE_ID,
PA_USERS_GROUPS_ID,
PA_USERS_GROUPS_TITLE_ID,
} from 'utils/testIds';

const StyledForm = styled('form')(() => ({
display: 'flex',
Expand Down Expand Up @@ -282,11 +288,14 @@ export const ProjectAccessAssign = ({
>
<StyledForm onSubmit={handleSubmit}>
<div>
<StyledInputDescription>
<StyledInputDescription
data-testid={PA_USERS_GROUPS_TITLE_ID}
>
Select the {entityType}
</StyledInputDescription>
<StyledAutocompleteWrapper>
<Autocomplete
data-testid={PA_USERS_GROUPS_ID}
size="small"
multiple
openOnFocus
Expand Down Expand Up @@ -341,6 +350,7 @@ export const ProjectAccessAssign = ({
</StyledInputDescription>
<StyledAutocompleteWrapper>
<Autocomplete
data-testid={PA_ROLE_ID}
size="small"
openOnFocus
value={role}
Expand All @@ -361,6 +371,7 @@ export const ProjectAccessAssign = ({

<StyledButtonContainer>
<Button
data-testid={PA_ASSIGN_CREATE_ID}
type="submit"
variant="contained"
color="primary"
Expand Down
8 changes: 8 additions & 0 deletions src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,11 @@ import { ProjectAccessEditUser } from 'component/project/ProjectAccess/ProjectAc
import { ProjectAccessEditGroup } from 'component/project/ProjectAccess/ProjectAccessEditGroup/ProjectAccessEditGroup';
import useHiddenColumns from 'hooks/useHiddenColumns';
import { ProjectAccessRoleCell } from './ProjectAccessRoleCell/ProjectAccessRoleCell';
import {
PA_ASSIGN_BUTTON_ID,
PA_EDIT_BUTTON_ID,
PA_REMOVE_BUTTON_ID,
} from 'utils/testIds';

export type PageQueryType = Partial<
Record<'sort' | 'order' | 'search', string>
Expand Down Expand Up @@ -213,6 +218,7 @@ export const ProjectAccessTable: VFC = () => {
}) => (
<ActionCell>
<PermissionIconButton
data-testid={PA_EDIT_BUTTON_ID}
component={Link}
permission={UPDATE_PROJECT}
projectId={projectId}
Expand All @@ -230,6 +236,7 @@ export const ProjectAccessTable: VFC = () => {
<Edit />
</PermissionIconButton>
<PermissionIconButton
data-testid={PA_REMOVE_BUTTON_ID}
permission={UPDATE_PROJECT}
projectId={projectId}
onClick={() => {
Expand Down Expand Up @@ -379,6 +386,7 @@ export const ProjectAccessTable: VFC = () => {
Icon={Add}
permission={UPDATE_PROJECT}
projectId={projectId}
data-testid={PA_ASSIGN_BUTTON_ID}
>
Assign {entityType}
</ResponsiveButton>
Expand Down
9 changes: 9 additions & 0 deletions src/utils/testIds.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,15 @@ export const UG_DELETE_BTN_ID = 'UG_DELETE_BTN_ID';
export const UG_EDIT_USERS_BTN_ID = 'UG_EDIT_USERS_BTN_ID';
export const UG_REMOVE_USER_BTN_ID = 'UG_REMOVE_USER_BTN_ID';

/* PROJECT ACCESS */
export const PA_ASSIGN_BUTTON_ID = 'PA_ASSIGN_BUTTON_ID';
export const PA_USERS_GROUPS_ID = 'PA_USERS_GROUPS_ID';
export const PA_ROLE_ID = 'PA_ROLE_ID';
export const PA_ASSIGN_CREATE_ID = 'PA_ASSIGN_CREATE_ID';
export const PA_USERS_GROUPS_TITLE_ID = 'PA_USERS_GROUPS_TITLE_ID';
export const PA_EDIT_BUTTON_ID = 'PA_EDIT_BUTTON_ID';
export const PA_REMOVE_BUTTON_ID = 'PA_REMOVE_BUTTON_ID';

/* SEGMENT */
export const SEGMENT_NAME_ID = 'SEGMENT_NAME_ID';
export const SEGMENT_DESC_ID = 'SEGMENT_DESC_ID';
Expand Down

0 comments on commit 4ec65ca

Please sign in to comment.