Can't bind to 'dragula' since it isn't a known property of 'div'. ("
            </div>
            <div *ngIf="showChildren"
                 [ERROR ->][dragula]='"bag-units"'
                 [dragulaOptions]="unitsOptions">

<div *ngIf="showChildren"
         [dragula]='"bag-units"'
         [dragulaOptions]="unitsOptions">
        <sn-unit *ngFor="let unit of units" [unit]="unit"></sn-unit>
</div>

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
// more imports removed for code example

@Component({
    selector: 'sn-unit',
    template: '<div> Unit {{ unit | json}}</div>'
})
class TestUnitComponent {
    @Input() unit: any;
}

import { LevelComponent } from './level.component';

describe('LevelComponent', () => {
    let cut: LevelComponent;
    let fixture: ComponentFixture<LevelComponent>;
    let element: DebugElement;

    beforeEach(async(() => {
        TestBed.configureTestingModule({
            declarations: [
                LevelComponent,
                TestUnitComponent
            ]
        })
            .compileComponents();
    }));

    beforeEach(() => {
        fixture = TestBed.createComponent(LevelComponent);
        cut = fixture.componentInstance;
        element = fixture.debugElement;
        cut.level = returnXMLdoc('level')[0];
        fixture.detectChanges();
    });

    it('should create an instance', () => {

        assertThat(cut, is(truthy()));
    });

    // more tests here...