import { SharedModule } from './shared.module' ; import { sandboxOf } from 'angular-playground' ; import { CounterService } from './counter.service' ; import { NoticeComponent } from './notice.component' ; class MockCounterService { increment ( ) { return 100 ; } } export default sandboxOf ( NoticeComponent , { imports : [ SharedModule ] , declareComponent : false } ) . add ( 'short text' , { template : `<ex-notice>Notification</ex-notice>` } ) . add ( 'long text' , { template : `<ex-notice>This is a really super long notice!</ex-notice>` } ) . add ( 'with emoji' , { template : `<ex-notice>👻</ex-notice>'` } ) . add ( 'in a green container' , { template : `<div style="background-color: green;"><ex-notice class="green">I'm in a green container!</ex-notice></div>` } ) . add ( 'with custom provider' , { template : `<ex-notice>Notice one hundred</ex-notice>` , providers : [ { provide : CounterService , useClass : MockCounterService } ] } ) . add ( 'position absolute test' , { template : `<ex-notice style="position: absolute;">Notice that is absolute positioned</ex-notice>` } ) ;