@tactics/toddle-styleguide 5.3.1 → 5.3.3

package/src/components/molecules/message-input/__snapshots__/message-input.test.js.snap

@@ -1,611 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Message Input test render a message text input component with placeholder 1`] = `
-<View
-  style={
-    {
-      "alignItems": "flex-end",
-      "backgroundColor": "#FFFFFF",
-      "borderColor": "#E5E8EB",
-      "borderRadius": 8,
-      "borderStyle": "solid",
-      "borderWidth": 1,
-      "flexDirection": "row",
-      "paddingRight": 4,
-      "width": "100%",
-    }
-  }
->
-  <TextInput
-    keyboardType="default"
-    multiline={true}
-    onChangeText={[Function]}
-    placeholder="Placeholder"
-    placeholderTextColor="#9AA5B1"
-    style={
-      {
-        "color": "#1F2933",
-        "flex": 1,
-        "fontFamily": "SourceSansPro",
-        "fontSize": 16,
-        "height": "100%",
-        "justifyContent": "center",
-        "lineHeight": 20,
-        "maxHeight": 100,
-        "paddingBottom": 10,
-        "paddingLeft": 16,
-        "paddingRight": 8,
-        "paddingTop": 10,
-      }
-    }
-    value="text value"
-  />
-  <View
-    accessibilityState={
-      {
-        "busy": undefined,
-        "checked": undefined,
-        "disabled": undefined,
-        "expanded": undefined,
-        "selected": undefined,
-      }
-    }
-    accessibilityValue={
-      {
-        "max": undefined,
-        "min": undefined,
-        "now": undefined,
-        "text": undefined,
-      }
-    }
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      {
-        "alignItems": "center",
-        "justifyContent": "center",
-        "minHeight": 42,
-        "minWidth": 42,
-      }
-    }
-  >
-    <RNSVGSvgView
-      align="xMidYMid"
-      bbHeight="24"
-      bbWidth="24"
-      fill="none"
-      focusable={false}
-      height={24}
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "transform": [
-              {
-                "rotate": "90deg",
-              },
-            ],
-          },
-          {
-            "flex": 0,
-            "height": 24,
-            "width": 24,
-          },
-        ]
-      }
-      vbHeight={22}
-      vbWidth={23}
-      width={24}
-    >
-      <RNSVGGroup
-        fill={null}
-        propList={
-          [
-            "fill",
-          ]
-        }
-      >
-        <RNSVGPath
-          d="M11.5 18.5833L21.625 20.75L11.5 1.25L1.375 20.75L11.5 18.5833ZM11.5 18.5833V9.91667"
-          fill={
-            {
-              "payload": 4278190080,
-              "type": 0,
-            }
-          }
-          propList={
-            [
-              "stroke",
-              "strokeWidth",
-              "strokeLinecap",
-              "strokeLinejoin",
-            ]
-          }
-          stroke={
-            {
-              "payload": 4280232243,
-              "type": 0,
-            }
-          }
-          strokeLinecap={1}
-          strokeLinejoin={1}
-          strokeWidth="2"
-        />
-      </RNSVGGroup>
-    </RNSVGSvgView>
-  </View>
-</View>
-`;
-
-exports[`Message Input test render a message text input component with placeholder and keyboard type 1`] = `
-<View
-  style={
-    {
-      "alignItems": "flex-end",
-      "backgroundColor": "#FFFFFF",
-      "borderColor": "#E5E8EB",
-      "borderRadius": 8,
-      "borderStyle": "solid",
-      "borderWidth": 1,
-      "flexDirection": "row",
-      "paddingRight": 4,
-      "width": "100%",
-    }
-  }
->
-  <TextInput
-    keyboardType="email-address"
-    multiline={true}
-    onChangeText={[Function]}
-    placeholder="Placeholder"
-    placeholderTextColor="#9AA5B1"
-    style={
-      {
-        "color": "#1F2933",
-        "flex": 1,
-        "fontFamily": "SourceSansPro",
-        "fontSize": 16,
-        "height": "100%",
-        "justifyContent": "center",
-        "lineHeight": 20,
-        "maxHeight": 100,
-        "paddingBottom": 10,
-        "paddingLeft": 16,
-        "paddingRight": 8,
-        "paddingTop": 10,
-      }
-    }
-    value="text value"
-  />
-  <View
-    accessibilityState={
-      {
-        "busy": undefined,
-        "checked": undefined,
-        "disabled": undefined,
-        "expanded": undefined,
-        "selected": undefined,
-      }
-    }
-    accessibilityValue={
-      {
-        "max": undefined,
-        "min": undefined,
-        "now": undefined,
-        "text": undefined,
-      }
-    }
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      {
-        "alignItems": "center",
-        "justifyContent": "center",
-        "minHeight": 42,
-        "minWidth": 42,
-      }
-    }
-  >
-    <RNSVGSvgView
-      align="xMidYMid"
-      bbHeight="24"
-      bbWidth="24"
-      fill="none"
-      focusable={false}
-      height={24}
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "transform": [
-              {
-                "rotate": "90deg",
-              },
-            ],
-          },
-          {
-            "flex": 0,
-            "height": 24,
-            "width": 24,
-          },
-        ]
-      }
-      vbHeight={22}
-      vbWidth={23}
-      width={24}
-    >
-      <RNSVGGroup
-        fill={null}
-        propList={
-          [
-            "fill",
-          ]
-        }
-      >
-        <RNSVGPath
-          d="M11.5 18.5833L21.625 20.75L11.5 1.25L1.375 20.75L11.5 18.5833ZM11.5 18.5833V9.91667"
-          fill={
-            {
-              "payload": 4278190080,
-              "type": 0,
-            }
-          }
-          propList={
-            [
-              "stroke",
-              "strokeWidth",
-              "strokeLinecap",
-              "strokeLinejoin",
-            ]
-          }
-          stroke={
-            {
-              "payload": 4280232243,
-              "type": 0,
-            }
-          }
-          strokeLinecap={1}
-          strokeLinejoin={1}
-          strokeWidth="2"
-        />
-      </RNSVGGroup>
-    </RNSVGSvgView>
-  </View>
-</View>
-`;
-
-exports[`Message Input test render a message text input component without placeholder 1`] = `
-<View
-  style={
-    {
-      "alignItems": "flex-end",
-      "backgroundColor": "#FFFFFF",
-      "borderColor": "#E5E8EB",
-      "borderRadius": 8,
-      "borderStyle": "solid",
-      "borderWidth": 1,
-      "flexDirection": "row",
-      "paddingRight": 4,
-      "width": "100%",
-    }
-  }
->
-  <TextInput
-    keyboardType="default"
-    multiline={true}
-    onChangeText={[Function]}
-    placeholderTextColor="#9AA5B1"
-    style={
-      {
-        "color": "#1F2933",
-        "flex": 1,
-        "fontFamily": "SourceSansPro",
-        "fontSize": 16,
-        "height": "100%",
-        "justifyContent": "center",
-        "lineHeight": 20,
-        "maxHeight": 100,
-        "paddingBottom": 10,
-        "paddingLeft": 16,
-        "paddingRight": 8,
-        "paddingTop": 10,
-      }
-    }
-    value="text value"
-  />
-  <View
-    accessibilityState={
-      {
-        "busy": undefined,
-        "checked": undefined,
-        "disabled": undefined,
-        "expanded": undefined,
-        "selected": undefined,
-      }
-    }
-    accessibilityValue={
-      {
-        "max": undefined,
-        "min": undefined,
-        "now": undefined,
-        "text": undefined,
-      }
-    }
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      {
-        "alignItems": "center",
-        "justifyContent": "center",
-        "minHeight": 42,
-        "minWidth": 42,
-      }
-    }
-  >
-    <RNSVGSvgView
-      align="xMidYMid"
-      bbHeight="24"
-      bbWidth="24"
-      fill="none"
-      focusable={false}
-      height={24}
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "transform": [
-              {
-                "rotate": "90deg",
-              },
-            ],
-          },
-          {
-            "flex": 0,
-            "height": 24,
-            "width": 24,
-          },
-        ]
-      }
-      vbHeight={22}
-      vbWidth={23}
-      width={24}
-    >
-      <RNSVGGroup
-        fill={null}
-        propList={
-          [
-            "fill",
-          ]
-        }
-      >
-        <RNSVGPath
-          d="M11.5 18.5833L21.625 20.75L11.5 1.25L1.375 20.75L11.5 18.5833ZM11.5 18.5833V9.91667"
-          fill={
-            {
-              "payload": 4278190080,
-              "type": 0,
-            }
-          }
-          propList={
-            [
-              "stroke",
-              "strokeWidth",
-              "strokeLinecap",
-              "strokeLinejoin",
-            ]
-          }
-          stroke={
-            {
-              "payload": 4280232243,
-              "type": 0,
-            }
-          }
-          strokeLinecap={1}
-          strokeLinejoin={1}
-          strokeWidth="2"
-        />
-      </RNSVGGroup>
-    </RNSVGSvgView>
-  </View>
-</View>
-`;
-
-exports[`Message Input test render a message text input component without placeholder and with keyboard type 1`] = `
-<View
-  style={
-    {
-      "alignItems": "flex-end",
-      "backgroundColor": "#FFFFFF",
-      "borderColor": "#E5E8EB",
-      "borderRadius": 8,
-      "borderStyle": "solid",
-      "borderWidth": 1,
-      "flexDirection": "row",
-      "paddingRight": 4,
-      "width": "100%",
-    }
-  }
->
-  <TextInput
-    keyboardType="email-address"
-    multiline={true}
-    onChangeText={[Function]}
-    placeholderTextColor="#9AA5B1"
-    style={
-      {
-        "color": "#1F2933",
-        "flex": 1,
-        "fontFamily": "SourceSansPro",
-        "fontSize": 16,
-        "height": "100%",
-        "justifyContent": "center",
-        "lineHeight": 20,
-        "maxHeight": 100,
-        "paddingBottom": 10,
-        "paddingLeft": 16,
-        "paddingRight": 8,
-        "paddingTop": 10,
-      }
-    }
-    value="text value"
-  />
-  <View
-    accessibilityState={
-      {
-        "busy": undefined,
-        "checked": undefined,
-        "disabled": undefined,
-        "expanded": undefined,
-        "selected": undefined,
-      }
-    }
-    accessibilityValue={
-      {
-        "max": undefined,
-        "min": undefined,
-        "now": undefined,
-        "text": undefined,
-      }
-    }
-    accessible={true}
-    collapsable={false}
-    focusable={true}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-    style={
-      {
-        "alignItems": "center",
-        "justifyContent": "center",
-        "minHeight": 42,
-        "minWidth": 42,
-      }
-    }
-  >
-    <RNSVGSvgView
-      align="xMidYMid"
-      bbHeight="24"
-      bbWidth="24"
-      fill="none"
-      focusable={false}
-      height={24}
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "transform": [
-              {
-                "rotate": "90deg",
-              },
-            ],
-          },
-          {
-            "flex": 0,
-            "height": 24,
-            "width": 24,
-          },
-        ]
-      }
-      vbHeight={22}
-      vbWidth={23}
-      width={24}
-    >
-      <RNSVGGroup
-        fill={null}
-        propList={
-          [
-            "fill",
-          ]
-        }
-      >
-        <RNSVGPath
-          d="M11.5 18.5833L21.625 20.75L11.5 1.25L1.375 20.75L11.5 18.5833ZM11.5 18.5833V9.91667"
-          fill={
-            {
-              "payload": 4278190080,
-              "type": 0,
-            }
-          }
-          propList={
-            [
-              "stroke",
-              "strokeWidth",
-              "strokeLinecap",
-              "strokeLinejoin",
-            ]
-          }
-          stroke={
-            {
-              "payload": 4280232243,
-              "type": 0,
-            }
-          }
-          strokeLinecap={1}
-          strokeLinejoin={1}
-          strokeWidth="2"
-        />
-      </RNSVGGroup>
-    </RNSVGSvgView>
-  </View>
-</View>
-`;

package/src/components/molecules/message-input/message-input.test.js

@@ -1,63 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import {MessageInput} from './message-input.component';
-import {KeyBoardTypes} from '../../../types/keyboard-types.enum';
-
-describe('Message Input test', () => {
-  it('render a message text input component without placeholder', () => {
-    const tree = renderer
-      .create(
-        <MessageInput
-          onChangeText={() => console.log('text changed')}
-          value={'text value'}
-          onPressSend={() => console.log('send text')}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-  it('render a message text input component with placeholder', () => {
-    const tree = renderer
-      .create(
-        <MessageInput
-          placeholder={'Placeholder'}
-          onChangeText={() => console.log('text changed')}
-          value={'text value'}
-          onPressSend={() => console.log('send text')}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-  it('render a message text input component with placeholder and keyboard type', () => {
-    const tree = renderer
-      .create(
-        <MessageInput
-          placeholder={'Placeholder'}
-          onChangeText={() => console.log('text changed')}
-          value={'text value'}
-          onPressSend={() => console.log('send text')}
-          keyboardType={KeyBoardTypes.EMAIL_ADDRESS}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-  it('render a message text input component without placeholder and with keyboard type', () => {
-    const tree = renderer
-      .create(
-        <MessageInput
-          onChangeText={() => console.log('text changed')}
-          value={'text value'}
-          onPressSend={() => console.log('send text')}
-          keyboardType={KeyBoardTypes.EMAIL_ADDRESS}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-});