@instructure/quiz-interactions/src/components/true_false/Edit/Edit.stories.js

A React UI component Library for quiz interaction types.

import React from 'react'
import TrueFalseEdit from './index'

const props = {
  enableRichContentEditor: false,
  itemId: 'fakeItemId',
  itemBody: 'True or False Edit Example',
  interactionData: {
    trueChoice: 'True',
    falseChoice: 'False',
  },
  changeItemState: Function.prototype,
  openImportModal: Function.prototype,
  scoringData: {},
  getErrors: () => [],
}

export default {
  title: 'True or False Edit',
}

export const whenTheCorrectAnswerIsUnspecified = () => <TrueFalseEdit {...props} />
export const whenTheCorrectAnswerIsTrue = () => (
  <TrueFalseEdit {...props} scoringData={{value: true}} />
)
export const whenTheCorrectAnswerIsFalse = () => (
  <TrueFalseEdit {...props} scoringData={{value: false}} />
)
export const withErrors = () => <TrueFalseEdit {...props} getErrors={() => ['This is an error']} />
export const whenRegrading = () => <TrueFalseEdit {...props} overrideEditableForRegrading />