Update frontend dependencies (#1879)

* Update frontend dependencies

* Update cypress tests

CHANGELOG.rst

@@ -30,6 +30,8 @@ Changed
 
 - Update ``http`` dependency to 1.3.0.
 
+- Update frontend dependencies.
+
 -------------------------------------------------------------------------------
 [2.7.5] - 2021-06-28
 -------------------------------------------------------------------------------

cartridge-scm-1.rockspec

@@ -12,7 +12,7 @@ dependencies = {
     'errors == 2.2.1-1',
     'vshard == 0.1.20-1',
     'membership == 2.4.0-1',
-    'frontend-core == 8.1.2-1',
+    'frontend-core == 8.2.1-1',
     'graphql == 0.1.4-1',
 }
 

webui/.npmrc

@@ -1 +1,2 @@
 legacy-peer-deps=true
+no-optional=true

webui/cypress/integration/auth.spec.js

@@ -250,7 +250,7 @@ describe('Auth', () => {
     cy.log('Logout');
     ////////////////////////////////////////////////////////////////////
     cy.get('.meta-test__LogoutBtn').click();
-    cy.get('.meta-test__LogoutDropdown').click();
+    cy.get('.meta-test__LogoutDropdown *').contains('Log out').click();
     ////////////////////////////////////////////////////////////////////
     cy.log('Shut down cluster');
     ////////////////////////////////////////////////////////////////////

webui/cypress/integration/failover.spec.js

@@ -301,7 +301,7 @@ describe('Failover', () => {
     cy.get('.meta-test__failover-tabs button:contains(Stateful)').click();
     cy.get('.meta-test__stateProviderChoice input').should('have.value', 'Tarantool (stateboard)');
     cy.get('.meta-test__stateProviderChoice input').click();
-    cy.get('.meta-test__StateProvider__Dropdown *:contains(Etcd)').click();
+    cy.get('.meta-test__StateProvider__Dropdown *').contains('Etcd').click();
     cy.get('.meta-test__stateProviderChoice input').should('have.value', 'Etcd');
 
     cy.get('.meta-test__etcd2Endpoints textarea').should('have.text', 'http://127.0.0.1:4001\nhttp://127.0.0.1:2379');

webui/cypress/integration/filtering.spec.js

@@ -66,19 +66,19 @@ describe('Replicaset filtering', () => {
 
     // Healthy
     cy.get('button[type="button"]:contains(Filter)').click();
-    cy.get('.meta-test__Filter__Dropdown *:contains(Healthy)').click({ force: true });
+    cy.get('.meta-test__Filter__Dropdown *').contains('Healthy').click({ force: true });
     cy.get('.meta-test__Filter input').should('have.value', 'status:healthy');
     cy.get('.ServerLabelsHighlightingArea').contains('test-storage-1').should('not.exist');
 
     // Unhealthy
     cy.get('button[type="button"]:contains(Filter)').click();
-    cy.get('.meta-test__Filter__Dropdown *:contains(Unhealthy)').click({ force: true });
+    cy.get('.meta-test__Filter__Dropdown *').contains('Unhealthy').click({ force: true });
     cy.get('.meta-test__Filter input').should('have.value', 'status:unhealthy');
     cy.get('.ServerLabelsHighlightingArea').contains('test-storage-1');
 
     // Role
     cy.get('button[type="button"]:contains(Filter)').click();
-    cy.get('.meta-test__Filter__Dropdown').find('*:contains(vshard-storage)').click({ force: true });
+    cy.get('.meta-test__Filter__Dropdown *').contains('vshard-storage').click({ force: true });
     cy.get('.meta-test__Filter input').should('have.value', 'role:vshard-storage');
     cy.get('.ServerLabelsHighlightingArea').contains('test-storage-1');
     cy.get('#root').contains('test-storage');
@@ -100,19 +100,20 @@ describe('Replicaset filtering', () => {
 
     // Healthy
     cy.get('.meta-test__ConfigureServerModal button[type="button"]:contains(Filter)').click();
-    cy.get('.meta-test__Filter__Dropdown *:contains(Healthy)').click({ force: true });
+    cy.get('.meta-test__Filter__Dropdown *').contains('Healthy').click({ force: true });
+
     cy.get('.meta-test__ConfigureServerModal .meta-test__Filter input').should('have.value', 'status:healthy');
     cy.get('.meta-test__ConfigureServerModal').contains('test-storage').should('not.exist');
 
     // Unhealthy
     cy.get('.meta-test__ConfigureServerModal button[type="button"]:contains(Filter)').click();
-    cy.get('.meta-test__Filter__Dropdown *:contains(Unhealthy)').click({ force: true });
+    cy.get('.meta-test__Filter__Dropdown *').contains('Unhealthy').click({ force: true });
     cy.get('.meta-test__ConfigureServerModal .meta-test__Filter input').should('have.value', 'status:unhealthy');
     cy.get('.meta-test__ConfigureServerModal').contains('test-router').should('not.exist');
 
     // Role
     cy.get('.meta-test__ConfigureServerModal button[type="button"]:contains(Filter)').click();
-    cy.get('.meta-test__Filter__Dropdown *:contains(vshard-router)').click({ force: true });
+    cy.get('.meta-test__Filter__Dropdown *').contains('vshard-router').click({ force: true });
     cy.get('.meta-test__ConfigureServerModal .meta-test__Filter input').should('have.value', 'role:vshard-router');
     cy.get('.meta-test__ConfigureServerModal').contains('test-storage').should('not.exist');
 

webui/cypress/integration/global-401-handler.spec.js

@@ -70,7 +70,7 @@ describe('Global 401 handler', () => {
     cy.get('input[name="password"]').type('test-cluster-cookie{enter}');
 
     cy.get('.meta-test__LogoutBtn').contains('Cartridge Administrator').click();
-    cy.get('.meta-test__LogoutDropdown *:contains(Log out)').click();
+    cy.get('.meta-test__LogoutDropdown *').contains('Log out').click();
 
     cy.get('.meta-test__LoginFormSplash').should('be.visible');
   });