Testing directives
Directives are usually quite straightforward in their overall shape, being pretty much components with no view attached. The fact that directives usually work with components gives us a very good idea of how to proceed when testing them.
A directive can be simple in the sense that it has no external dependencies. Consider the following directive that we created in Chapter 4, Enhance Components with Pipes and Directives:
copyright.directive.ts
import { Directive, ElementRef, Renderer2 } from '@angular/core';
@Directive({
selector: '[appCopyright]'
})
export class CopyrightDirective {
constructor(el: ElementRef, renderer: Renderer2) {
renderer.addClass(el.nativeElement, 'copyright');
renderer.setProperty(
el.nativeElement,
...
