feat: add limit-count plugin form (#1739)

web/cypress/integration/consumer/create-consumer-with-limit-count-plugin-form.spec.js

@@ -0,0 +1,150 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* eslint-disable no-undef */
+
+context('Create and delete consumer with limit-count plugin form', () => {
+  beforeEach(() => {
+    cy.login();
+
+    cy.fixture('selector.json').as('domSelector');
+    cy.fixture('data.json').as('data');
+  });
+
+  const selector = {
+    count: '#count',
+    time_window: '#time_window',
+    redis_timeout: '#time_window',
+    key: '#key',
+    rejected_code: '#rejected_code',
+    policy: '#policy',
+    redis_host: '#redis_host',
+    redis_port: '#redis_port',
+    redis_password: '#redis_password',
+    redis_database: '#redis_database',
+    redis_timeout: '#redis_timeout',
+    redis_cluster_name: '#redis_cluster_name',
+    redis_cluster_nodes_0: '#redis_cluster_nodes_0',
+    redis_cluster_nodes_1: '#redis_cluster_nodes_1',
+  }
+
+  it('should create consumer with limit-count form', function () {
+    cy.visit('/');
+    cy.contains('Consumer').click();
+    cy.get(this.domSelector.empty).should('be.visible');
+    cy.contains('Create').click();
+    // basic information
+    cy.get(this.domSelector.username).type(this.data.consumerName);
+    cy.get(this.domSelector.description).type(this.data.description);
+    cy.contains('Next').click();
+
+    // config auth plugin
+    cy.contains(this.domSelector.pluginCard, 'key-auth').within(() => {
+      cy.contains('Enable').click({
+        force: true,
+      });
+    });
+    cy.focused(this.domSelector.drawer).should('exist');
+    cy.get(this.domSelector.disabledSwitcher).click();
+    // edit codemirror
+    cy.get(this.domSelector.codeMirror)
+      .first()
+      .then((editor) => {
+        editor[0].CodeMirror.setValue(
+          JSON.stringify({
+            key: 'test',
+          }),
+        );
+        cy.contains('button', 'Submit').click();
+      });
+
+    cy.contains(this.domSelector.pluginCard, 'limit-count').within(() => {
+      cy.contains('Enable').click({
+        force: true,
+      });
+    });
+
+    cy.focused(this.domSelector.drawer).should('exist');
+
+    // config limit-count form with local policy
+    cy.get(selector.count).type(1);
+    cy.get(selector.time_window).type(1);
+    cy.get(selector.rejected_code).type(500);
+    cy.get(this.domSelector.drawer).within(() => {
+      cy.contains('Submit').click({
+        force: true,
+      });
+    });
+    cy.get(this.domSelector.drawer).should('not.exist');
+
+    // config limit-count form with redis policy
+    cy.contains(this.domSelector.pluginCard, 'limit-count').within(() => {
+      cy.contains('Enable').click({
+        force: true,
+      });
+    });
+    cy.focused(this.domSelector.drawer).should('exist');
+    cy.contains('local').click();
+    cy.get(this.domSelector.dropdown).within(() => {
+      cy.contains('redis').click({
+        force: true,
+      });
+    });
+    cy.get(selector.redis_host).type('127.0.0.1');
+    cy.get(selector.redis_password).type('redis_password');
+    cy.get(this.domSelector.drawer).within(() => {
+      cy.contains('Submit').click({
+        force: true,
+      });
+    });
+    cy.get(this.domSelector.drawer).should('not.exist');
+
+
+    // config limit-count form with redis policy
+    cy.contains(this.domSelector.pluginCard, 'limit-count').within(() => {
+      cy.contains('Enable').click({
+        force: true,
+      });
+    });
+    cy.focused(this.domSelector.drawer).should('exist');
+    cy.contains('redis').click();
+    cy.get(this.domSelector.dropdown).within(() => {
+      cy.contains('redis-cluster').click({
+        force: true,
+      });
+    });
+    cy.get(selector.redis_cluster_name).type('redis_cluster_name');
+    cy.get(selector.redis_cluster_nodes_0).type('127.0.0.1:5000');
+    cy.get(selector.redis_cluster_nodes_1).type('127.0.0.1:5001');
+    cy.get(this.domSelector.drawer).within(() => {
+      cy.contains('Submit').click({
+        force: true,
+      });
+    });
+    cy.get(this.domSelector.drawer).should('not.exist');
+
+    cy.contains('button', 'Next').click();
+    cy.contains('button', 'Submit').click();
+    cy.get(this.domSelector.notification).should('contain', this.data.createConsumerSuccess);
+  });
+
+  it('should delete the consumer', function () {
+    cy.visit('/consumer/list');
+    cy.contains(this.data.consumerName).should('be.visible').siblings().contains('Delete').click();
+    cy.contains('button', 'Confirm').click();
+    cy.get(this.domSelector.notification).should('contain', this.data.deleteConsumerSuccess);
+  });
+});

web/cypress/integration/route/create-route-with-limit-count-plugin-form.spec.js

@@ -0,0 +1,145 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* eslint-disable no-undef */
+
+context('Create and delete route with limit-count form', () => {
+  const selector = {
+    count: '#count',
+    time_window: '#time_window',
+    redis_timeout: '#time_window',
+    key: '#key',
+    rejected_code: '#rejected_code',
+    policy: '#policy',
+    redis_host: '#redis_host',
+    redis_port: '#redis_port',
+    redis_password: '#redis_password',
+    redis_database: '#redis_database',
+    redis_timeout: '#redis_timeout',
+    redis_cluster_name: '#redis_cluster_name',
+    redis_cluster_nodes_0: '#redis_cluster_nodes_0',
+    redis_cluster_nodes_1: '#redis_cluster_nodes_1',
+  }
+  beforeEach(() => {
+    cy.login();
+
+    cy.fixture('selector.json').as('domSelector');
+    cy.fixture('data.json').as('data');
+  });
+
+  it('should create route with limit-count form', function () {
+    cy.visit('/');
+    cy.contains('Route').click();
+    cy.get(this.domSelector.empty).should('be.visible');
+    cy.contains('Create').click();
+    cy.contains('Next').click().click();
+    cy.get(this.domSelector.name).type('routeName');
+    cy.get(this.domSelector.description).type('desc');
+    cy.contains('Next').click();
+
+    cy.get(this.domSelector.nodes_0_host).type('127.0.0.1');
+    cy.contains('Next').click();
+
+    // config limit-count form with local policy
+    cy.contains(this.domSelector.pluginCard, 'limit-count').within(() => {
+      cy.contains('Enable').click({
+        force: true,
+      });
+    });
+    cy.focused(this.domSelector.drawer).should('exist');
+    cy.get(this.domSelector.disabledSwitcher).click();
+    cy.get(selector.count).type(1);
+    cy.get(selector.time_window).type(1);
+    cy.get(selector.rejected_code).type(500);
+    cy.get(this.domSelector.drawer).within(() => {
+      cy.contains('Submit').click({
+        force: true,
+      });
+    });
+    cy.get(this.domSelector.drawer).should('not.exist');
+
+    // config limit-count form with redis policy
+    cy.contains(this.domSelector.pluginCard, 'limit-count').within(() => {
+      cy.contains('Enable').click({
+        force: true,
+      });
+    });
+    cy.focused(this.domSelector.drawer).should('exist');
+    cy.contains('local').click();
+    cy.get(this.domSelector.dropdown).within(() => {
+      cy.contains('redis').click({
+        force: true,
+      });
+    });
+    cy.get(selector.redis_host).type('127.0.0.1');
+    cy.get(selector.redis_password).type('redis_password');
+    cy.get(this.domSelector.drawer).within(() => {
+      cy.contains('Submit').click({
+        force: true,
+      });
+    });
+    cy.get(this.domSelector.drawer).should('not.exist');
+
+    // config limit-count form with redis policy
+    cy.contains(this.domSelector.pluginCard, 'limit-count').within(() => {
+      cy.contains('Enable').click({
+        force: true,
+      });
+    });
+    cy.focused(this.domSelector.drawer).should('exist');
+    cy.contains('redis').click();
+    cy.get(this.domSelector.dropdown).within(() => {
+      cy.contains('redis-cluster').click({
+        force: true,
+      });
+    });
+    cy.get(selector.redis_cluster_name).type('redis_cluster_name');
+    cy.get(selector.redis_cluster_nodes_0).type('127.0.0.1:5000');
+    cy.get(selector.redis_cluster_nodes_1).type('127.0.0.1:5001');
+    cy.get(this.domSelector.drawer).within(() => {
+      cy.contains('Submit').click({
+        force: true,
+      });
+    });
+
+    cy.get(this.domSelector.drawer).should('not.exist');
+    cy.contains('button', 'Next').click();
+    cy.contains('button', 'Submit').click();
+    cy.contains(this.data.submitSuccess);
+
+    // back to route list page
+    cy.contains('Goto List').click();
+    cy.url().should('contains', 'routes/list');
+  });
+
+  it('should delete the route', function () {
+    cy.visit('/routes/list');
+    const {
+      domSelector,
+      data
+    } = this;
+
+    cy.get(domSelector.name).clear().type('routeName');
+    cy.contains('Search').click();
+    cy.contains('routeName').siblings().contains('More').click();
+    cy.contains('Delete').click();
+    cy.get(domSelector.deleteAlert).should('be.visible').within(() => {
+      cy.contains('OK').click();
+    });
+    cy.get(domSelector.notification).should('contain', data.deleteRouteSuccess);
+    cy.get(domSelector.notificationCloseIcon).click();
+  });
+});