question-list.component.sandbox.ts

import { sandboxOf } from 'angular-playground';
import { QuestionListComponent } from './question-list.component';
import { SharedModule } from '../../shared/shared.module';
import { QuestionViewSmallComponent } from '../question-view-small/question-view-small.component';

const sandboxConfig = {
  imports: [SharedModule],
  declarations: [QuestionViewSmallComponent],
  label: 'QuestionList'
}

const simpleQuestion = {
  questionText: 'Is multiple inheritance available in Java ?',
  answerChoices: '1.Not Available     2.Available     3.Based on needs, can be enabled',
  createdDate: '2015-06-15T09:03:01+0900',
  subjectCategories: [{
      id:33,
      name:'Java'
  },{
    id:34,
    name: 'Programming'  
  }],
  bookmarks:[{
      id:55,
      name:'Test2017'
  },{
      id:78,
      name:'Needs-Review'
  }]
}

export default sandboxOf(QuestionListComponent, sandboxConfig)
  .add('with no questions (no input)', {
    template: `<app-question-list></app-question-list>`
  })
  .add('with no questions (empty array input)', {
    template: `<app-question-list [questions]="questions"></app-question-list>`,
    context: {
      questions: []
    }
  })
  .add('with questions', {
    template: `<app-question-list [questions]="questions"></app-question-list>`,
    context: {
      questions: [simpleQuestion, simpleQuestion]
    }    
  })
  ;