// import { createComponentFactory, Spectator } from '@ngneat/spectator';
// import { MockComponent } from 'ng-mocks';
// import { PackageListItemComponent } from './package-list-item.component';
// import { PackageListComponent } from './package-list.component';

// xdescribe('PackageListComponent', () => {
//   let spectator: Spectator<PackageListComponent>;
//   const createComponent = createComponentFactory({
//     component: PackageListComponent,
//     declarations: [MockComponent(PackageListItemComponent)],
//   });

//   beforeEach(() => {
//     spectator = createComponent();
//   });

//   it('should create', () => {
//     expect(spectator.component).toBeTruthy();
//   });

//   it('should render the length of the packages in .package-count', () => {
//     spectator.setInput('packages', [{ id: '1' }, { id: '2' }]);

//     spectator.detectChanges();

//     expect(spectator.query('.package-count')).toHaveText('2 Packstücke');
//   });

//   it('should render the PackageListItemComponent for each package', () => {
//     spectator.setInput('packages', [{ id: '1' }, { id: '2' }]);

//     spectator.detectChanges();

//     const listItem = spectator.queryAll(PackageListItemComponent);
//     expect(listItem).toHaveLength(2);
//     expect(listItem[0].package).toEqual({ id: '1' });
//     expect(listItem[1].package).toEqual({ id: '2' });
//   });
// });
