devtools/projects/ng-devtools-backend/src/lib/component-inspector/component-inspector.spec.ts - main - githubmirror/angular

devtools/projects/ng-devtools-backend/src/lib/component-inspector/component-inspector.spec.ts

50 строк2 KB

hawkgs

refactor(devtools): restructure profiler and directive forest code

24 июн 2026, 17:57

24 июн 2026, 17:57ff11592

/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://angular.dev/license
 */

import {getDirectiveForestManager} from '../directive-forest/manager';
import {ComponentInspector} from './component-inspector';

describe('ComponentInspector', () => {
  it('should create instance from class', () => {
    const inspector = new ComponentInspector();
    expect(inspector).toBeTruthy();
  });

  it('should add event listeners to window on start inspecting', () => {
    const eventsSpy = spyOn(window, 'addEventListener');
    const inspector = new ComponentInspector();
    inspector.startInspecting();
    expect(eventsSpy).toHaveBeenCalledTimes(3);
    expect(eventsSpy).toHaveBeenCalledWith('mouseover', jasmine.any(Function), true);
    expect(eventsSpy).toHaveBeenCalledWith('click', jasmine.any(Function), true);
    expect(eventsSpy).toHaveBeenCalledWith('mouseout', jasmine.any(Function), true);
  });

  it('should remove event listeners from window on stop inspecting', () => {
    const eventsSpy = spyOn(window, 'removeEventListener');
    const inspector = new ComponentInspector();
    inspector.stopInspecting();
    expect(eventsSpy).toHaveBeenCalledTimes(3);
    expect(eventsSpy).toHaveBeenCalledWith('mouseover', jasmine.any(Function), true);
    expect(eventsSpy).toHaveBeenCalledWith('click', jasmine.any(Function), true);
    expect(eventsSpy).toHaveBeenCalledWith('mouseout', jasmine.any(Function), true);
  });

  it('should cancel events from mouse after start inspecting', () => {
    const inspector = new ComponentInspector();
    const mouseEventSpy = jasmine.createSpyObj('e', ['stopImmediatePropagation', 'preventDefault']);
    inspector.startInspecting();
    inspector.cancelEvent(mouseEventSpy);
    expect(mouseEventSpy.stopImmediatePropagation).toHaveBeenCalledTimes(1);
    expect(mouseEventSpy.preventDefault).toHaveBeenCalledTimes(1);
  });

  it('should always retrieve the same forest hook', () => {
    expect(getDirectiveForestManager()).toBe(getDirectiveForestManager());
  });
});