about summary refs log tree commit diff
path: root/storybook/stories/character_counter.story.js
diff options
context:
space:
mode:
authorYamagishi Kazutoshi <ykzts@desire.sh>2017-05-13 22:55:56 +0900
committerEugen Rochko <eugen@zeonfederated.com>2017-05-13 15:55:56 +0200
commit1027556614febb096f2186d3c678116b415c0b9b (patch)
treee8a335e835df865e022f6f4640d6982df51a944d /storybook/stories/character_counter.story.js
parent3dcb5fa28f13f597d49b5b442f61d12bc2be6152 (diff)
Fix broken storybook (#3030)
Diffstat (limited to 'storybook/stories/character_counter.story.js')
-rw-r--r--storybook/stories/character_counter.story.js21
1 files changed, 21 insertions, 0 deletions
diff --git a/storybook/stories/character_counter.story.js b/storybook/stories/character_counter.story.js
new file mode 100644
index 000000000..eb6eae7d8
--- /dev/null
+++ b/storybook/stories/character_counter.story.js
@@ -0,0 +1,21 @@
+import React from 'react';
+import { storiesOf } from '@kadira/storybook';
+import CharacterCounter from 'mastodon/features/compose/components/character_counter';
+
+storiesOf('CharacterCounter', module)
+  .add('no text', () => {
+    const text = '';
+    return <CharacterCounter text={text} max={500} />;
+  })
+  .add('a few strings text', () => {
+    const text = '0123456789';
+    return <CharacterCounter text={text} max={500} />;
+  })
+  .add('the same text', () => {
+    const text = '01234567890123456789';
+    return <CharacterCounter text={text} max={20} />;
+  })
+  .add('over text', () => {
+    const text = '01234567890123456789012345678901234567890123456789';
+    return <CharacterCounter text={text} max={10} />;
+  });