angularjs - 在 Angular 单元测试中按类使用 element.find()

Question

运行此测试时，我不断收到错误 Expected undefined to be true.

it('should have the right classes', function() {
   // this doesnt work
   expect(element.find('.exampleClass').hasClass('ng-hide')).toBe(true);

   // but this works
   expect(element.find('span').hasClass('ng-hide')).toBe(true);
});

如何使用 jqlite 通过 id 查找元素和 class ?

Answer 1

那是因为 angular-jqlite(与 jquery 本身相比是非常轻量级的库)find仅限于按标签名称查找。您可以使用 element.querySelector(All)并将其包裹在 angular.element 中. IE

  var elm = element[0];
  expect(angular.element(elm.querySelector('.exampleClass')).hasClass('ng-hide')).toBe(true);

  //Or even
  expect(elm.querySelector('.exampleClass.ng-hide')).toBeDefined();

See documentation

find() - Limited to lookups by tag name