slackblock 0.4.0 → 1.0.0-0

package/test/renderer/renderer.test.tsx

@@ -1,138 +0,0 @@
-import test from 'ava';
-import React from 'react';
-import proxyquire from 'proxyquire';
-import {stub} from 'sinon';
-
-import Message from '../../src/components/message';
-import Container from '../../src/components/layout/container';
-const parser = stub();
-const render = proxyquire('../../src/renderer', {
-  '../parser': { default: parser }
-}).default
-
-test('it passes a list of children to the parser', t => {
-  const content = 'block-content';
-  render(<Message>{content}</Message>);
-
-  t.true(parser.calledWith(content));
-});
-
-test('it throws an error if the passed component is not a <Message> component', t => {
-  const fn = () => render(<div/>);
-
-  t.throws(fn);
-});
-
-test('it throws an error if no children are passed', t => {
-  // @ts-ignore - We want to explicitly check the lack of children 
-  const fn = () => render(<Message/>);
-
-  t.throws(fn);
-});
-
-test('can render all props', t => {
-  const content = 'content-of-block';
-  const res = render(
-    <Message
-      text="text"
-      iconEmoji=":icon_emoji:"
-      iconUrl="iconUrl"
-      markdown={false}
-      parse="none"
-      username="username"
-      replyTo="replyTo"
-      asUser
-      replyBroadcast
-      unfurlLinks
-      unfurlMedia
-    >
-      {content}
-    </Message>
-  );
-
-  t.deepEqual(res, {
-    text: 'text',
-    icon_emoji: ':icon_emoji:',
-    icon_url: 'iconUrl',
-    mrkdwn: false,
-    parse: 'none',
-    username: 'username',
-    thread_ts: 'replyTo',
-    as_user: true,
-    reply_broadcast: true,
-    unfurl_links: true,
-    unfurl_media: true
-  });
-
-  t.true(parser.calledWith(content));
-});
-
-test('if no text prop is passed, uses a blank string', t => {
-  const res = render(<Message>Hello</Message>);
-
-  t.is(res.text, '');
-});
-
-test('if a color is passed, transforms the block elements to be within an attachment', t => {
-  const content = 'abc';
-  const returnContent = '<CONTENT>abc</CONTENT>'
-  parser.withArgs(content).returns({
-    blocks: [returnContent]
-  });
-  const res = render(
-    <Message color="#FF0000">
-      {content}
-    </Message>
-  );
-
-  t.deepEqual(res, {
-    text: '',
-    attachments: [
-      {
-        color: '#FF0000',
-        blocks: [
-          returnContent
-        ]
-      }
-    ]
-  })
-});
-
-test('can render with a container block', t => {
-  const content = 'content-of-block';
-  const res = render(
-    <Message
-      text="text"
-      iconEmoji=":icon_emoji:"
-      iconUrl="iconUrl"
-      markdown={false}
-      parse="none"
-      username="username"
-      replyTo="replyTo"
-      asUser
-      replyBroadcast
-      unfurlLinks
-      unfurlMedia
-    >
-      <Container>
-        {content}
-      </Container>
-    </Message>
-  );
-
-  t.deepEqual(res, {
-    text: 'text',
-    icon_emoji: ':icon_emoji:',
-    icon_url: 'iconUrl',
-    mrkdwn: false,
-    parse: 'none',
-    username: 'username',
-    thread_ts: 'replyTo',
-    as_user: true,
-    reply_broadcast: true,
-    unfurl_links: true,
-    unfurl_media: true
-  });
-
-  t.true(parser.calledWith(content));
-})

package/test/transformers/block/button.test.tsx

@@ -1,63 +0,0 @@
-import test from 'ava';
-import React from 'react';
-
-import transformer from '../../../src/transformers/block/button';
-import confirmTransformer from '../../../src/transformers/block/confirmation';
-import Button from '../../../src/components/block/button';
-import Confirmation from '../../../src/components/block/confirmation';
-import Text from '../../../src/components/block/text';
-
-test('can transform a basic button', t => {
-  const res = transformer(
-    <Button actionId='actionId'>
-      FooBar
-    </Button>
-  );
-
-  t.deepEqual(res, {
-    type: 'button',
-    text: {
-      type: 'plain_text',
-      text: 'FooBar'
-    },
-    action_id: 'actionId'
-  });
-});
-
-test('can transform a more advanced button', t => {
-  const confirm = (
-    <Confirmation
-      title='ConfirmTitle'
-      confirm='Confirm'
-      deny='Deny'
-    >
-      <Text>FooBar</Text>
-    </Confirmation>
-  );
-
-  const transformedConfirm = confirmTransformer(confirm);
-  const res = transformer(
-    <Button
-      actionId='actionId'
-      url='someURL'
-      value='someValue'
-      style='danger'
-      confirm={confirm}
-    >
-      FooBar
-    </Button>
-  );
-
-  t.deepEqual(res, {
-    type: 'button',
-    text: {
-      type: 'plain_text',
-      text: 'FooBar'
-    },
-    action_id: 'actionId',
-    url: 'someURL',
-    value: 'someValue',
-    style: 'danger',
-    confirm: transformedConfirm
-  });
-});

package/test/transformers/block/confirmation.test.tsx

@@ -1,37 +0,0 @@
-import test from 'ava';
-import React from 'react';
-
-import transformer from '../../../src/transformers/block/confirmation';
-import Confirmation from '../../../src/components/block/confirmation';
-import Text from '../../../src/components/block/text';
-
-test('transforms properly', t => {
-  const res = transformer(
-    <Confirmation
-      title='SomeTitle'
-      confirm='SomeConfirm'
-      deny='SomeDeny'
-    >
-      <Text>FooBar</Text>
-    </Confirmation>
-  );
-
-  t.deepEqual(res, {
-    title: {
-      type: 'plain_text',
-      text: 'SomeTitle'
-    },
-    text: {
-      type: 'mrkdwn',
-      text: 'FooBar'
-    },
-    confirm: {
-      type: 'plain_text',
-      text: 'SomeConfirm'
-    },
-    deny: {
-      type: 'plain_text',
-      text: 'SomeDeny'
-    }
-  });
-});

package/test/transformers/block/image.test.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/block/image';
-import Image from '../../../src/components/block/image';
-
-test('transforms an image block', t => {
-  const res = transformer(
-    <Image
-      url="someUrl"
-      alt="someAlt"
-    />
-  );
-
-  t.deepEqual(res, {
-    type: 'image',
-    url: 'someUrl',
-    alt: 'someAlt'
-  });
-});

package/test/transformers/block/text.test.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import test from 'ava';
-import Text from '../../../src/components/block/text';
-import transform from '../../../src/transformers/block/text';
-
-test('transforms text block', t => {
-  const result = transform(<Text>Foo</Text>);
-
-  t.deepEqual(result, {
-    type: 'mrkdwn',
-    text: 'Foo'
-  });
-});
-
-test('transforms with optional parameters if supplied', t => {
-  const result = transform(
-    <Text
-      plainText
-      emoji
-      verbatim
-    >
-      FooBar
-    </Text>
-  );
-
-  t.deepEqual(result, {
-    type: 'plain_text',
-    text: 'FooBar',
-    emoji: true,
-    verbatim: true
-  });
-});

package/test/transformers/input/date-picker.test.tsx

@@ -1,66 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/input/date-picker';
-import DatePicker from '../../../src/components/input/date-picker';
-
-import confirmTransformer from '../../../src/transformers/block/confirmation';
-import Confirmation from '../../../src/components/block/confirmation';
-import Text from '../../../src/components/block/text';
-
-test('transforms a simple DatePicker', t => {
-  const res = transformer(
-    <DatePicker
-      actionId="actionId"
-    />
-  );
-
-  t.deepEqual(res, {
-    type: 'datepicker',
-    action_id: 'actionId'
-  });
-});
-
-test('transforms an advanced DatePicker', t => {
-  const confirm = (
-    <Confirmation
-      title="someTitle"
-      confirm="confirm"
-      deny="deny"
-    >
-      <Text>Foo</Text>
-    </Confirmation>
-  );
-  const transformedConfirm = confirmTransformer(confirm);
-
-  const res = transformer(
-    <DatePicker
-      actionId="actionId"
-      placeholder="placeholder"
-      initialDate="2007-01-25"
-      confirm={confirm}
-    />
-  );
-
-  t.deepEqual(res, {
-    type: 'datepicker',
-    action_id: 'actionId',
-    placeholder: {
-      type: 'plain_text',
-      text: 'placeholder'
-    },
-    initial_date: '2007-01-25',
-    confirm: transformedConfirm
-  });
-});
-
-test('rejects invalid dates', t => {
-  const fn = () => transformer(
-    <DatePicker
-      actionId="aid"
-      initialDate="invalid-date"
-    />
-  );
-
-  t.throws(fn);
-});

package/test/transformers/input/option-group.test.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/input/option-group';
-import optionTransformer from '../../../src/transformers/input/option';
-import Option from '../../../src/components/input/option';
-import OptionGroup from '../../../src/components/input/option-group';
-
-test('transforms an OptionGroup', t => {
-  const option = <Option value="val">SomeOption</Option>;
-  const transformedOption = optionTransformer(option);
-
-  const res = transformer(
-    <OptionGroup label="someLabel">
-      {option}
-    </OptionGroup>
-  );
-
-  t.deepEqual(res, {
-    label: {
-      type: 'plain_text',
-      text: 'someLabel'
-    },
-    options: [transformedOption]
-  });
-});

package/test/transformers/input/option.test.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/input/option';
-import Option from '../../../src/components/input/option';
-
-test('transforms a basic option', t => {
-  const res = transformer(<Option value="someValue">someText</Option>);
-
-  t.deepEqual(res, {
-    text: {
-      type: 'plain_text',
-      text: 'someText'
-    },
-    value: 'someValue'
-  });
-});
-
-test('transforms an option with a url', t => {
-  const res = transformer(
-    <Option
-      value="someValue"
-      url="someUrl"
-    >
-      someText
-    </Option>
-   );
-   t.deepEqual(res, {
-    text: {
-      type: 'plain_text',
-      text: 'someText'
-    },
-    value: 'someValue',
-    url: 'someUrl'
-  });
-});

package/test/transformers/input/overflow.test.tsx

@@ -1,57 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/input/overflow';
-import optionTransformer from '../../../src/transformers/input/option';
-import confirmTansformer from '../../../src/transformers/block/confirmation';
-
-import Overflow from '../../../src/components/input/overflow';
-import Option from '../../../src/components/input/option';
-import Confirmation from '../../../src/components/block/confirmation';
-import Text from '../../../src/components/block/text';
-
-test('transforms a basic Overflow block', t => {
-  const option = <Option value="V">O</Option>;
-  const options = [optionTransformer(option)];
-
-  const res = transformer(
-    <Overflow actionId="aid">
-      {option}
-    </Overflow>
-  );
-
-  t.deepEqual(res, {
-    type: 'overflow',
-    action_id: 'aid',
-    options
-  });
-});
-
-test('transforms an Overflow block with a confirmation', t => {
-  const option = <Option value="V">O</Option>;
-  const options = [optionTransformer(option)];
-
-  const confirmation = (
-    <Confirmation
-      title="cTitle"
-      confirm="cConfirm"
-      deny="cDeny"
-    >
-      <Text>Foo</Text>
-    </Confirmation>
-  );
-  const transformedConf = confirmTansformer(confirmation);
-
-  const res = transformer(
-    <Overflow actionId="aid" confirm={confirmation}>
-      {option}
-    </Overflow>
-  );
-
-  t.deepEqual(res, {
-    type: 'overflow',
-    action_id: 'aid',
-    options,
-    confirm: transformedConf
-  });
-});

package/test/transformers/input/radio-group.test.tsx

@@ -1,81 +0,0 @@
-import React from 'react';
-import test from 'ava';
-
-import transformer from '../../../src/transformers/input/radio-group';
-import optionTransformer from '../../../src/transformers/input/option';
-import confirmTansformer from '../../../src/transformers/block/confirmation';
-
-import RadioGroup from '../../../src/components/input/radio-group';
-import Option from '../../../src/components/input/option';
-import Confirmation from '../../../src/components/block/confirmation';
-import Text from '../../../src/components/block/text';
-
-test('transforms a basic RadioGroup block', t => {
-  const option = <Option value="V">O</Option>;
-  const option2 = <Option value="O">V</Option>;
-  const options = [option, option2].map(optionTransformer);
-
-  const res = transformer(
-    <RadioGroup actionId="aid">
-      {option}
-      {option2}
-    </RadioGroup>
-  );
-
-  t.deepEqual(res, {
-    type: 'radio_buttons',
-    action_id: 'aid',
-    options
-  });
-});
-
-test('can have an initial option', t => {
-  const option = <Option value="V">O</Option>;
-  const option2 = <Option value="O">V</Option>;
-  const options = [option, option2].map(optionTransformer);
-
-  const res = transformer(
-    <RadioGroup actionId="aid" initialOption={option2}>
-      {option}
-      {option2}
-    </RadioGroup>
-  );
-
-  t.deepEqual(res, {
-    type: 'radio_buttons',
-    action_id: 'aid',
-    options,
-    initial_option: optionTransformer(option2)
-  });
-});
-
-test('can have a confirmation', t => {
-  const option = <Option value="V">O</Option>;
-  const option2 = <Option value="O">V</Option>;
-  const options = [option, option2].map(optionTransformer);
-
-  const confirmation = (
-    <Confirmation
-      title="cTitle"
-      confirm="cConfirm"
-      deny="cDeny"
-    >
-      <Text>Foo</Text>
-    </Confirmation>
-  );
-  const transformedConf = confirmTansformer(confirmation);
-
-  const res = transformer(
-    <RadioGroup actionId="aid" confirm={confirmation}>
-      {option}
-      {option2}
-    </RadioGroup>
-  );
-
-  t.deepEqual(res, {
-    type: 'radio_buttons',
-    action_id: 'aid',
-    options,
-    confirm: transformedConf
-  });
-});