web/cypress/e2e/route/table-auto-jump-when-no-data.cy.js

/*
 * 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.
 */

context('Table Auto Jump When No Data', () => {
  const selector = {
    name: '#name',
    nodes_0_host: '#submitNodes_0_host',
    page_item: '.ant-pagination-item-2',
    deleteAlert: '.ant-modal-body',
    notificationCloseIcon: '.ant-notification-close-icon',
    notification: '.ant-notification-notice-message',
    table_row: '.ant-table-row',
  };

  const data = {
    submitSuccess: 'Submit Successfully',
    deleteRouteSuccess: 'Delete Route Successfully',
  };

  before(() => {
    cy.login().then(() => {
      Array.from({ length: 11 }).forEach((value, key) => {
        const payload = {
          methods: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'HEAD', 'OPTIONS', 'CONNECT', 'TRACE'],
          priority: 0,
          name: `routeName${key}`,
          desc: '',
          status: 1,
          labels: {},
          uri: '/*',
          upstream: {
            type: 'roundrobin',
            pass_host: 'pass',
            scheme: 'http',
            timeout: {
              connect: 6,
              send: 6,
              read: 6,
            },
            keepalive_pool: {
              size: 320,
              idle_timeout: 60,
              requests: 1000,
            },
            nodes: {
              '127.0.0.1': 1,
            },
          },
        };
        cy.requestWithToken({ method: 'POST', payload, url: '/apisix/admin/routes' });
      });
    });
  });

  it('should delete last data and jump to first page', () => {
    cy.visit('/');
    cy.contains('Route').click();
    cy.get(selector.page_item).click();
    cy.wait(1000);
    cy.contains('routeName').siblings().contains('More').click();
    cy.contains('Delete').click();
    cy.get(selector.deleteAlert)
      .should('be.visible')
      .within(() => {
        cy.contains('OK').click();
      });
    cy.get(selector.notification).should('contain', data.deleteRouteSuccess);
    cy.get(selector.notificationCloseIcon).click();
    cy.url().should('contains', '/routes/list?page=1&pageSize=10');
    cy.get(selector.table_row).should((route) => {
      expect(route).to.have.length(10);
    });
    cy.get('.ant-table-cell:contains(routeName)').each((elem) => {
      cy.requestWithToken({
        method: 'DELETE',
        url: `/apisix/admin/routes/${elem.next().text()}`,
      });
    });
  });
});