import { ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';

import { SamBadgeComponent } from './badge.component';

describe('The Sam Badge Component', () => {
  let component: SamBadgeComponent,
      fixture: ComponentFixture<SamBadgeComponent>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [
        SamBadgeComponent
      ],
    });

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

  it('@Input ~ `Attached`', function () {
    const badge =
      fixture.debugElement.query(By.css('.sam-ui.label')).nativeElement;

    component.options = {
      attached: 'top-left'
    };

    fixture.detectChanges();

    expect(badge.className).toContain('top');
    expect(badge.className).toContain('left');
  });
});