比较带有2个参数的列表

时间:2018-07-10 10:05:10

标签: javascript angular-material2 angular6 cypress

希望您能帮助我。

我想写一个“赛普拉斯命令”,它可以测试包含名称和ID的列表是否正确显示。

模板:

<mat-option 
  *ngFor="let user of filteredUsers$ | async" 
  [value]="user.id" 
  class="option-ldap-user-content"
>
  <span 
    class="ldap-user-name"
    classToApply="bold"
    appColorSearchedLetters 
    [text]="user.name" 
    [search]="addLdapUserForm.get('userSearchCtrl').value"
  ></span> |
  <small
    class="ldap-user-id"
    classToApply="bold" 
    appColorSearchedLetters 
    [text]="user.id" 
    [search]="addLdapUserForm.get('userSearchCtrl').value"
  ></small>
</mat-option>

commands.js:

Cypress.Commands.add('expectLdapUsersListToBe', (list1, list2) => {
  const ldapUserNames = cy.get(ADD_LDAP_USER_DOM.texts.ldapUserNames);

  ldapUserNames.should('have.length', list1.length);

  ldapUserNames.each(($item, index) => {
    cy.wrap($item).contains(list1[index]);
  });
  const ldapUserIds = cy.get(ADD_LDAP_USER_DOM.texts.ldapUserIds);

  ldapUserIds.should('have.length', list2.length);

  ldapUserIds.each(($item, index) => {
    cy.wrap($item).contains(list2[index]);
  });
});

e2e-spec.js:

it.only(`should display filtered list according to search string`, () => {
  cy.get(ADMINISTRATION_DOM.expPanel.expPanelAddUser).click();

  cy
    .get(ADD_LDAP_USER_DOM.inputs.userSearchCtrl)
    .should('be.empty')
    .type(`e`);

  cy
    .get(`.multi-match`)
    .contains('7 people are matching this search.')
    .should('be.visible');

      // cy.expectLdapUsersListToBe(expected7LdapUsers); NOT WORKS
  cy.expectLdapUsersListToBe(expected7LdapUsersIds, expected7LdapUsersName);

...

  const expected7LdapUsers = [
    ['id1', 'UserName1'],
    ['id2', 'UserName2'],
    ['id3', 'UserName3'],
    ['id4', 'UserName4'],
    ['id5', 'UserName5'],
    ['id6', 'UserName6'],
    ['id7', 'UserName7'],
  ];

  const expected7LdapUsersIds = [
    'id1',
    'id2',
    'id3',
    'id4',
    'id5',
    'id6',
    'id7',
  ];

  const expected7LdapUsersName = [
    'UserName1',
    'UserName2',
    'UserName3',
    'UserName4',
    'UserName5',
    'UserName6',
    'UserName7',
  ];

我已经编写了一个目前可以使用的命令,该命令可以验证名称和ID是否正确显示。除了我用2个列表进行测试。 我希望只有一个。 有人可以帮我吗?

我测试了类似的东西,但是它不起作用:

Cypress.Commands.add('expectLdapUsersListToBe', listOptions => {
  const ldapUserNames = cy.get(ADD_LDAP_USER_DOM.texts.ldapUserNames);
  const ldapUserIds = cy.get(ADD_LDAP_USER_DOM.texts.ldapUserIds);

  ldapUserNames.should('have.length', listOptions.length);
  ldapUserIds.should('have.length', listOptions.length);

  listOptions.forEach(($item, index) => {
    const item = cy.wrap($item);

    expect(item).to.contain(cy.wrap(ldapUserNames)[index]);
    expect(item).to.contain(cy.wrap(ldapUserIds)[index]);
  });
});

谢谢。

1 个答案:

答案 0 :(得分:0)

我更新了我现在使用的命令。

cy.expectLdapUsersListToBe(expected7LdapUsersName, expected7LdapUsersIds);

测试:

ProcessInstance

但是正如我在最初的问题中所说,我希望列出而不是2。 这意味着一个具有ID和名称的列表。
我的第一个示例已弃用。

谢谢你们同样的帮助,这是一个演示错误。