tld_wms/cypress/e2e/utils/utils.ts

export function selectClick(testid: string, eq = 0) {
  cy.getTestId(testid).click();
  cy.getTestId(testid).find('.rc-virtual-list-holder-inner')
    .children().eq(eq).click();
}

export function intoMenu(parent: string, child: string) {
  cy.getTestId('menu').children().each(function(el) {
    const titleElement = el.find('.ant-menu-submenu-title');

    if (titleElement.text() === parent) {
      titleElement.trigger('click');
      el.find(`ul>li[title="${child}"]`).trigger('click');
    }
  });
}

export function validateSelect(testid: string, value: string) {
  cy.getTestId(testid).find('.ant-select-selection-item')
    .should('have.attr', 'title', value).and('have.text', value);
}

export function validateTableList(tableName: string, firstPageNumber = 3, secondPageNumber = 2) {
  cy.getTestId(tableName).find('table').find('.ant-table-tbody')
    .children('.ant-table-row').should('have.length', firstPageNumber);

  cy.getTestId(tableName).siblings('.ant-pagination').find('li[title="2"]').click();

  cy.getTestId(tableName).find('table').find('.ant-table-tbody')
    .children('.ant-table-row').should('have.length', secondPageNumber);
}

export function validateTableSearch(
  tableName: string,
  value?: string,
  options?: {btnTestId?: string},
) {
  cy.getTestId(tableName).siblings('.ant-pagination').find('li[title="2"]')
    .click();
  const {btnTestId} = options ?? {};

  return function(text?: string) {
    cy.getTestId(btnTestId ?? 'search_btn').click();
    cy.getTestId(btnTestId ?? 'search_btn').should('have.class', 'ant-btn-loading');

    cy.getTestId(tableName).find('table').find('.ant-table-tbody')
      .children('.ant-table-row').first().find('td').first()
      .should('include.text', text ?? value);
    cy.getTestId(btnTestId ?? 'search_btn')
      .should('not.have.class', 'ant-btn-loading');

    cy.getTestId(tableName).siblings('.ant-pagination').find('li[title="1"]')
      .should('have.class', 'ant-pagination-item-active');
  };
}

export function tableBtnClick(tableName: string, index: number) {
  cy.getTestId(tableName).find('table').find('.ant-table-tbody')
    .children('.ant-table-row').first().find('td').last().children().eq(index)
    .click();
}

export function validateModalBtnGroup(modalName: string) {
  cy.getTestId(modalName).getTestId('modal_btn_group').find('.ant-btn').first()
    .should('have.class', 'ant-btn-loading');
  cy.getTestId(modalName).getTestId('modal_btn_group').find('.ant-btn').last()
    .should('have.attr', 'disabled');
}

export function validateModalOperation(modalName: string, text: string) {
  cy.getTestId(modalName).find('form').submit();

  validateModalBtnGroup(modalName);

  cy.get('.ant-message-notice-content').should('include.text', text);
  cy.getTestId(modalName).should('not.exist');
}

export function validatePut(
  modalName: string,
  label: string,
  options?: {addBtnTestId?: string},
) {
  const {addBtnTestId} = options ?? {};

  function validateAdd(fn: () => void) {
    cy.getTestId(addBtnTestId ?? 'add_btn').click();

    cy.getTestId(modalName).should('exist').and('be.visible');
    cy.getTestId(modalName).find('h3')
      .should('include.text', `新增${label}`);

    fn();

    validateModalOperation(modalName, '新增成功');
  }

  function validateEdit(tableName: string, validateFn: () => void) {
    tableBtnClick(tableName, 0);

    cy.getTestId(modalName).should('exist').and('be.visible');
    cy.getTestId(modalName).find('h3').should('include.text', `修改${label}`);

    validateFn();

    validateModalOperation(modalName, '修改成功');
  }

  return {validateAdd, validateEdit};
}

export function validateDelete(
  tableName: string,
  label: string,
) {
  tableBtnClick(tableName, 1);

  cy.get('.ant-modal-content').should('be.visible');

  cy.get('.ant-modal-confirm-title').should('include.text', `删除${label}`);
  cy.get('.ant-modal-confirm-content').should(
    'include.text',
    `你确定要删除当前${label}吗？`,
  );

  cy.get('.ant-modal-confirm-btns').children().last().trigger('click');

  cy.getTestId(tableName).find('table').find('.ant-table-tbody')
    .children('.ant-table-row').first().find('td').last().children().eq(1)
    .should('have.class', 'ant-btn-loading');

  cy.getTestId(tableName).find('table').find('.ant-table-tbody')
    .children('.ant-table-row').first().find('td').last().children().first()
    .should('have.attr', 'disabled');

  cy.get('.ant-message-notice-content').should('include.text', '删除成功');
}

export function validateExport(testid?: string) {
  cy.getTestId(testid ?? 'export_btn').click();

  cy.getTestId(testid ?? 'export_btn').should('have.class', 'ant-btn-loading');

  cy.wait('@export');

  cy.getTestId(testid ?? 'export_btn').should('not.have.class', 'ant-btn-loading');
}

export function closeModal() {
  cy.get('.ReactModal__Overlay')
    .trigger(
      'click',
      'topRight',
    );
}

export function clickDatePicker(id: string) {
  cy.getTestId(id).click();

  cy.get('.ant-picker-panels').children().eq(0).find('.ant-picker-content')
    .find('tbody').find('td').eq(0).click();

  cy.get('.ant-picker-panels').children().eq(1).find('.ant-picker-content')
    .find('tbody').find('td').eq(0).click();
}