add test fail component

Signed-off-by: shmck <shawn.j.mckay@gmail.com>

Author: ShMcK

web-app/src/components/TestFail/index.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react'
+import { Message } from '@alifd/next'
+
+interface Props {
+  title: string
+  description: string
+}
+
+const styles = {
+  fail: {
+    margin: '1rem',
+  },
+}
+
+const TestFail = (props: Props) => (
+  <Message css={styles.fail} key="fail" title={props.title} type="error" size="large" closeable>
+    <p>{props.description}</p>
+  </Message>
+)
+
+export default TestFail

web-app/stories/Checkbox.stories.tsx

@@ -1,6 +1,5 @@
 import { storiesOf } from '@storybook/react'
 import React from 'react'
-import { css, jsx } from '@emotion/core'
 import Checkbox from '../src/components/Checkbox'
 import SideBarDecorator from './utils/SideBarDecorator'
 

web-app/stories/TestRunner.stories.tsx

@@ -0,0 +1,10 @@
+import { withKnobs } from '@storybook/addon-knobs'
+import { storiesOf } from '@storybook/react'
+import React from 'react'
+import SideBarDecorator from './utils/SideBarDecorator'
+import TestFail from '../src/components/TestFail'
+
+storiesOf('Test', module)
+  .addDecorator(SideBarDecorator)
+  .addDecorator(withKnobs)
+  .add('Fail', () => <TestFail title="Error Title" description="Description of the error" />)