e2e test for organization teams page

.github/workflows/e2e-tests.yaml

@@ -29,7 +29,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        containers: [1, 2, 3, 4]
+        containers: [1, 2, 3, 4, 5]
 
     steps:
       - uses: actions/checkout@v4

app/components/ak-modal/index.hbs

@@ -34,6 +34,7 @@
 
   <div
     data-test-ak-modal-body
+    data-test-cy='ak-modal-body'
     local-class='ak-modal-body {{unless @noGutter "ak-modal-body-gutter"}}'
   >
     {{yield}}

app/components/organization-team/add-team-member/index.hbs

@@ -57,7 +57,7 @@
     <AkTable @dense={{true}} as |t|>
       <t.head data-test-addUserList-thead @columns={{this.columns}} />
       <t.body @rows={{pgc.currentPageResults}} as |b|>
-        <b.row data-test-addUserList-row as |r|>
+        <b.row data-test-cy='userList-row' data-test-addUserList-row as |r|>
           <r.cell data-test-addUserList-cell as |value|>
             {{#if r.columnValue.component}}
               {{#let (component r.columnValue.component) as |CheckBox|}}

app/components/organization-team/add-team-project/index.hbs

@@ -57,7 +57,11 @@
     <AkTable @dense={{true}} as |t|>
       <t.head data-test-addProjectList-thead @columns={{this.columns}} />
       <t.body @rows={{pgc.currentPageResults}} as |b|>
-        <b.row data-test-addProjectList-row as |r|>
+        <b.row
+          data-test-cy='addProjectList-row'
+          data-test-addProjectList-row
+          as |r|
+        >
           <r.cell data-test-addProjectList-cell>
             {{#if r.columnValue.component}}
               {{#let (component r.columnValue.component) as |Component|}}

app/components/organization-team/create-team/index.hbs

@@ -26,6 +26,7 @@
 
         <AkButton
           data-test-orgCreateTeam-submitBtn
+          data-test-cy='create-team-submit-btn'
           class='mt-3'
           @type='submit'
           @loading={{this.isCreatingTeam}}

app/components/organization-team/details/index.hbs

@@ -15,6 +15,7 @@
       </AkTypography>
 
       <AkIconButton
+        data-test-cy='teamDetail-closeBtn'
         class={{ab.classes.defaultIconBtn}}
         {{on 'click' dr.closeHandler}}
       >

app/components/organization-team/overview/index.hbs

@@ -1,12 +1,14 @@
 <AkStack
   data-test-orgTeamOverview
+  data-test-cy='org-team-overview'
   @direction='column'
   role='button'
   local-class='org-team-overview-container'
   {{on 'click' this.showTeamDetails}}
 >
   <AkTypography
     data-test-orgTeamOverview-name
+    data-test-cy='org-team-overview-name'
     @variant='h5'
     @color='primary'
     @gutterBottom={{true}}

cypress/support/api.routes.ts

@@ -93,6 +93,30 @@ export const API_ROUTES = {
     route: '/api/service_accounts/*',
     alias: 'serviceAccount',
   },
+  teamsList: {
+    route: '/api/organizations/*/teams*',
+    alias: 'teamsList',
+  },
+  organizationTeams: {
+    route: '/api/organizations/*/teams/*',
+    alias: 'organizationTeams',
+  },
+  teamMembers: {
+    route: '/api/organizations/*/teams/*/members/*',
+    alias: 'teamMembers',
+  },
+  teamMembersList: {
+    route: '/api/organizations/*/teams/*/members*',
+    alias: 'teamMembersList',
+  },
+  teamProject: {
+    route: '/api/organizations/*/teams/*/projects/*',
+    alias: 'teamProject',
+  },
+  organization: {
+    route: '/api/organizations/*',
+    alias: 'organization',
+  },
   editUserInfo: {
     route: '/api/organizations/*/users/*',
     alias: 'editUser',
@@ -113,12 +137,16 @@ export const API_ROUTES = {
     route: '/api/organizations/*/teams?include_user=*',
     alias: 'teamIncludesUser',
   },
-  teamMembers: {
-    route: '/api/organizations/*/teams/*/members/*',
-    alias: 'teamMembers',
-  },
   inviteUser: {
     route: '/api/organizations/*/invitations',
     alias: 'inviteUser',
   },
+  usersList: {
+    route: '/api/organizations/*/users*',
+    alias: 'usersList',
+  },
+  inviteTeam: {
+    route: '/api/organizations/*/teams/*/invitations*',
+    alias: 'inviteTeam',
+  },
 } as const;