web/cypress/integration/rest/service-save-paginator-status.spec.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.
 */
/* eslint-disable no-undef */
import defaultSettings from '../../../../../config/defaultSettings';

context('Save Paginator Status', () => {
  const timeout = 300;
  const token = localStorage.getItem('token');
  const { SERVE_ENV = 'dev' } = Cypress.env();

  const selector = {
    twentyPerPage: '[title="20 / page"]',
    pageList: '.ant-table-pagination-right',
    pageTwo: '.ant-pagination-item-2',
    pageTwoActived: '.ant-pagination-item-2.ant-pagination-item-active',
    paginationOptions: '.ant-pagination-options',
    deleteButton: '.ant-btn-dangerous',
    notification: '.ant-notification-notice-message',
    notificationCloseIcon: '.ant-notification-close-icon',
  };

  const data = {
    serviceName: 'test_service',
    deleteServiceSuccess: 'Delete Service Successfully',
  };

  beforeEach(() => {
    cy.login();
  });

  it('should create 11 test services', function () {
    cy.visit('/');
    cy.contains('Service').click();

    for (let i = 0; i <= 10; i++) {
      cy.request({
        method: 'POST',
        url: `${defaultSettings.serveUrlMap[SERVE_ENV]}/apisix/admin/services`,
        headers: {
          Authorization: token,
        },
        body: {
          upstream: {
            nodes: { '39.97.63.215:80': 1 },
            timeout: { connect: 6, read: 6, send: 6 },
            type: 'roundrobin',
            pass_host: 'pass',
          },
          enable_websocket: true,
          name: `${data.serviceName}${i}`,
        },
      }).then((res) => {
        expect(res.body.code).to.equal(0);
      });
    }
    cy.get(selector.pageList).should('be.visible');
  });

  it("should save paginator' status", function () {
    cy.visit('/');
    cy.contains('Service').click();

    // Test page status
    cy.get(selector.pageList).should('be.visible');
    cy.get(selector.pageTwo).click();
    cy.get(selector.pageTwoActived).should('exist');
    cy.location('href').should('include', 'page=2');

    cy.reload();
    cy.get(selector.pageTwoActived).should('exist');
    cy.location('href').should('include', 'page=2');

    // Test pageSize status
    cy.get(selector.paginationOptions).click();
    cy.contains('20 / page').should('be.visible').click();
    cy.get(selector.twentyPerPage).should('exist');
    cy.location('href').should('include', 'pageSize=20');

    cy.reload();
    cy.get(selector.twentyPerPage).should('exist');
    cy.location('href').should('include', 'pageSize=20');
  });

  it('should delete test service', function () {
    cy.visit('/service/list?page=1&pageSize=20');
    cy.reload();
    cy.contains('Service List').should('be.visible');
    cy.get(selector.deleteButton, { timeout: 300 })
      .should('exist')
      .each(function ($el) {
        cy.wrap($el).click().click({ timeout });
        cy.contains('button', 'Confirm').click({ force: true });
        cy.get(selector.notification).should('contain', data.deleteServiceSuccess);
        cy.get(selector.notificationCloseIcon).click().should('not.exist');
      });
  });
});