ISPN-14698 create and delete role

.github/workflows/pull_requests.yml

@@ -18,7 +18,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 18.18.0
+          node-version: 20.7.0
           cache: 'npm'
 
       - name: Install

cypress/e2e/1_acess_management.cy.js

@@ -8,4 +8,25 @@ describe('Global stats', () => {
     cy.contains('admin');
     cy.contains('Superuser');
   });
+
+  it('successfully creates and removes a role', () => {
+    // create
+    cy.get('button[data-cy="createRoleButton"]').click();
+    cy.get("[aria-label=role-name-input]").type("aRole");
+    cy.get("[aria-label=role-description-input]").type("aRole description");
+    cy.get("[data-cy=dropdown-button-permissions").click();
+    cy.get("#select-multi-typeahead-ALL").click();
+    cy.get("[aria-label=Create]").click();
+    cy.contains('Role aRole has been created');
+    cy.contains('aRole description');
+
+    // remove
+    cy.get("[aria-label=aRole-menu]").click();
+    cy.get("[aria-label=deleteRole]").click();
+    cy.get("[aria-label=Delete]").click();
+    cy.contains('Role aRole has been deleted');
+    cy.contains('aRole description').should('not.exist');
+  });
+
+
 });

package.json

@@ -81,24 +81,22 @@
     "webpack-merge": "^5.9.0"
   },
   "dependencies": {
-    "@patternfly/react-charts": "^7.0.0",
-    "@patternfly/react-code-editor": "^5.0.0",
-    "@patternfly/react-core": "^5.0.0",
-    "@patternfly/react-icons": "^5.0.0",
+    "@patternfly/react-charts": "^7.1.1",
+    "@patternfly/react-code-editor": "^5.1.0",
+    "@patternfly/react-core": "^5.1.1",
+    "@patternfly/react-icons": "^5.1.1",
     "@patternfly/react-log-viewer": "^5.0.0",
-    "@patternfly/react-styles": "^5.0.0",
-    "@patternfly/react-table": "^5.0.0",
-    "@patternfly/react-tokens": "^5.0.0",
-    "i18next": "^23.4.4",
+    "@patternfly/react-styles": "^5.1.1",
+    "@patternfly/react-table": "^5.1.1",
+    "@patternfly/react-tokens": "^5.1.1",
+    "i18next": "^23.5.1",
     "i18next-browser-languagedetector": "^7.1.0",
-    "i18next-http-backend": "^2.2.1",
+    "i18next-http-backend": "^2.2.2",
     "keycloak-js": "^22.0.1",
-    "monaco-editor": "^0.34.0",
     "numeral": "^2.0.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-i18next": "^13.0.3",
-    "react-monaco-editor": "^0.51.0",
+    "react-i18next": "^13.3.0",
     "react-syntax-highlighter": "^15.5.0"
   }
 }

src/app/AccessManagement/AccessManager.tsx

@@ -33,9 +33,7 @@ const AccessManager = () => {
     setShowAccessControl(tabIndex == '1');
   };
   const buildTabs = () => {
-    const tabs: AccessTab[] = [
-      { name: t('access-management.tab-roles'), key: '0' },
-    ];
+    const tabs: AccessTab[] = [{ name: t('access-management.tab-roles'), key: '0' }];
 
     return (
       <Nav data-cy="navigationTabs" onSelect={handleTabClick} variant={'tertiary'}>