如何处理角度组件单元测试中的bootstrap-daterangepicker？

import 'bootstrap-daterangepicker';
import 'jquery';
import 'moment';

import { TestBed, ComponentFixture } from '@angular/core/testing';

let fixture: ComponentFixture<any>;
let component: any;

beforeEach(() => {
  TestBed.configureTestingModule({
    declarations: [YourComponent],
    imports: [FormsModule, ReactiveFormsModule],
  });

  fixture = TestBed.createComponent(YourComponent);
  component = fixture.componentInstance;
  fixture.detectChanges();
});

import { DebugElement, Renderer2 } from '@angular/core';

let debugElement: DebugElement;
let renderer: Renderer2;

beforeEach(() => {
  debugElement = fixture.debugElement;
  renderer = debugElement.injector.get(Renderer2);
});

it('should trigger event', () => {
  const inputElement = debugElement.query(By.css('input')).nativeElement;
  const event = new Event('change');
  renderer.dispatchEvent(inputElement, event);
  fixture.detectChanges();
  // 进行断言或其他操作
});

import { By } from '@angular/platform-browser';

it('should update value', () => {
  const inputElement = debugElement.query(By.css('input')).nativeElement;
  inputElement.value = '2022-01-01 - 2022-01-31';
  inputElement.dispatchEvent(new Event('change'));
  fixture.detectChanges();
  expect(component.selectedRange).toEqual({ start: '2022-01-01', end: '2022-01-31' });
});