How do I test directives in Angular using Angular CLI?

How do I test directives in Angular using Angular CLI?

To test directives in Angular, you can use the Angular CLI to generate a test file. You typically use Jasmine and Karma for testing.

Can you show me a simple example of a directive test?

Sure! Here's a basic example:

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { MyDirective } from './my-directive.directive';

describe('MyDirective', () => {
  let fixture: ComponentFixture<MyComponent>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [MyComponent],
    });
    fixture = TestBed.createComponent(MyComponent);
  });

  it('should create an instance', () => {
    const directive = new MyDirective();
    expect(directive).toBeTruthy();
  });
});

What are some common mistakes to avoid when testing directives?

Common mistakes include not providing necessary dependencies in the test module, not cleaning up after tests, and not testing the directive's behavior properly.

How can I run my tests after writing them?

You can run your tests using the Angular CLI command ng test. This will start the Karma test runner and execute your tests.