import {
  Component,
  ElementRef,
  computed,
  viewChild,
} from '@angular/core';
import { TestBed } from '@angular/core/testing';
import { expect, it } from 'vitest';

@Component({
  selector: 'app-test-component',
  template: `
    <div #trigger>origin</div>
    <p>width: {{ panelWidth() }}</p>
  `,
})
class TestComponent {
  readonly trigger = viewChild.required<ElementRef<HTMLElement>>('trigger');

  readonly clientWidth = computed(
    () => this.trigger().nativeElement.clientWidth,
  );
}
 
it('should create the app', () => {
  const fixture = TestBed.createComponent(TestComponent);
  const app = fixture.componentInstance;
  expect(app).toBeTruthy();
 });