Angular/Jasmine -在ng-if中测试HTML元素

describe('ng-if', () => {
  let element;

  beforeEach(() => {
    // 创建一个包含ng-if指令的HTML元素
    element = angular.element('<div><p ng-if="showElement">Hello, World!</p></div>');

    // 编译HTML元素并将其链接到作用域
    inject(($compile, $rootScope) => {
      const scope = $rootScope.$new();
      scope.showElement = true;
      $compile(element)(scope);
      scope.$digest();
    });
  });

  it('应该显示HTML元素', () => {
    // 断言HTML元素是否被正确显示
    expect(element.find('p').length).toBe(1);
    expect(element.find('p').text()).toBe('Hello, World!');
  });

  it('应该隐藏HTML元素', () => {
    // 更新作用域中的showElement值为false
    element.scope().$apply(() => {
      element.scope().showElement = false;
    });

    // 断言HTML元素是否被正确隐藏
    expect(element.find('p').length).toBe(0);
  });
});