copy-55.directive.ts

import { fakeAsync, tick } from '@angular/core/testing';
import { HotToastService } from '@ngneat/hot-toast';
import { createDirectiveFactory } from '@ngneat/spectator';
import { CopyDirective } from './copy.directive';

describe('CopyDirective', () => {
  const createDirective = createDirectiveFactory({
    directive: CopyDirective,
    mocks: [HotToastService]
  });

  it('should copy', fakeAsync(() => {
    spyOn(navigator.clipboard, 'writeText').and.callFake(() => Promise.resolve())

    const text = `Clicking this button copies this text to the clipboard`;

    const spectator = createDirective(`
       <button copy="${text}">Copy</button>
    `);

    spectator.click();
    expect(navigator.clipboard.writeText).toHaveBeenCalledWith(text);
    tick();

    expect(spectator.inject(HotToastService).success).toHaveBeenCalled();
  }));
});