@tactics/toddle-styleguide 5.3.1 → 5.3.3

package/src/components/molecules/checkbox/checkbox.test.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import render from 'react-test-renderer';
-import {Checkbox} from './checkbox.component';
-
-describe('Checkbox component test', () => {
-  it('renders a checkbox with a "suiker" label that is not checked', function () {
-    const tree = render
-      .create(
-        <Checkbox
-          label={'suiker'}
-          value={false}
-          onValueChange={() => console.log('suiker checkbox')}
-        />
-      )
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('renders a checkbox with a "notenallergie" label that is checked', function () {
-    const tree = render
-      .create(
-        <Checkbox
-          label={'notenallergie'}
-          value={true}
-          onValueChange={() => console.log('notenallergie checked checkbox')}
-        />
-      )
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

package/src/components/molecules/contact-address/__snapshots__/contact-address.test.js.snap

@@ -1,113 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Contact role component test renders a contact who is the father 1`] = `
-<View
-  style={
-    {
-      "alignItems": "center",
-      "display": "flex",
-    }
-  }
->
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "SourceSansProBold",
-            "fontSize": 24,
-            "lineHeight": 30.2,
-          },
-        ],
-        {
-          "color": "#1F2933",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        {
-          "marginBottom": 4,
-        },
-      ]
-    }
-  >
-    Darth Vader
-  </Text>
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "Montserrat",
-            "fontSize": 13,
-            "lineHeight": 20.4,
-          },
-        ],
-        {
-          "color": "#1F2933",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        undefined,
-      ]
-    }
-  >
-    I'm your Father
-  </Text>
-</View>
-`;
-
-exports[`Contact role component test renders a contact who is the sister 1`] = `
-<View
-  style={
-    {
-      "alignItems": "center",
-      "display": "flex",
-    }
-  }
->
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "SourceSansProBold",
-            "fontSize": 24,
-            "lineHeight": 30.2,
-          },
-        ],
-        {
-          "color": "#1F2933",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        {
-          "marginBottom": 4,
-        },
-      ]
-    }
-  >
-    Princess Leia
-  </Text>
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "Montserrat",
-            "fontSize": 13,
-            "lineHeight": 20.4,
-          },
-        ],
-        {
-          "color": "#1F2933",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        undefined,
-      ]
-    }
-  >
-    Sister
-  </Text>
-</View>
-`;

package/src/components/molecules/contact-address/contact-address.test.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import render from 'react-test-renderer';
-import {ContactRole} from './contact-role.component';
-
-describe('Contact role component test', () => {
-  it('renders a contact who is the father', function () {
-    const tree = render
-      .create(<ContactRole name={'Darth Vader'} role={"I'm your Father"} />)
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('renders a contact who is the sister', function () {
-    const tree = render
-      .create(<ContactRole name={'Princess Leia'} role={'Sister'} />)
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

package/src/components/molecules/contact-role/__snapshots__/contact-role.test.js.snap

@@ -1,113 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Contact role component test renders a contact who is the father 1`] = `
-<View
-  style={
-    {
-      "alignItems": "center",
-      "display": "flex",
-    }
-  }
->
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "SourceSansProBold",
-            "fontSize": 24,
-            "lineHeight": 30.2,
-          },
-        ],
-        {
-          "color": "#1F2933",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        {
-          "marginBottom": 4,
-        },
-      ]
-    }
-  >
-    Darth Vader
-  </Text>
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "Montserrat",
-            "fontSize": 13,
-            "lineHeight": 20.4,
-          },
-        ],
-        {
-          "color": "#1F2933",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        undefined,
-      ]
-    }
-  >
-    I'm your Father
-  </Text>
-</View>
-`;
-
-exports[`Contact role component test renders a contact who is the sister 1`] = `
-<View
-  style={
-    {
-      "alignItems": "center",
-      "display": "flex",
-    }
-  }
->
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "SourceSansProBold",
-            "fontSize": 24,
-            "lineHeight": 30.2,
-          },
-        ],
-        {
-          "color": "#1F2933",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        {
-          "marginBottom": 4,
-        },
-      ]
-    }
-  >
-    Princess Leia
-  </Text>
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "Montserrat",
-            "fontSize": 13,
-            "lineHeight": 20.4,
-          },
-        ],
-        {
-          "color": "#1F2933",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        undefined,
-      ]
-    }
-  >
-    Sister
-  </Text>
-</View>
-`;

package/src/components/molecules/contact-role/contact-role.test.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import render from 'react-test-renderer';
-import {ContactRole} from './contact-role.component';
-
-describe('Contact role component test', () => {
-  it('renders a contact who is the father', function () {
-    const tree = render
-      .create(<ContactRole name={'Darth Vader'} role={"I'm your Father"} />)
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('renders a contact who is the sister', function () {
-    const tree = render
-      .create(<ContactRole name={'Princess Leia'} role={'Sister'} />)
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

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

@@ -1,140 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Test date input component renders a date input component 1`] = `
-<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",
-      "backgroundColor": "#FFFFFF",
-      "borderColor": "#E5E8EB",
-      "borderRadius": 8,
-      "borderStyle": "solid",
-      "borderWidth": 1,
-      "flexDirection": "row",
-      "height": 44,
-      "justifyContent": "space-between",
-      "paddingBottom": 8,
-      "paddingLeft": 16,
-      "paddingRight": 16,
-      "paddingTop": 8,
-      "width": "100%",
-    }
-  }
->
-  <View>
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "SourceSansPro",
-              "fontSize": 16,
-              "lineHeight": 22.4,
-            },
-          ],
-          {
-            "color": "#9AA5B1",
-            "textAlign": undefined,
-            "width": "100%",
-          },
-          undefined,
-        ]
-      }
-    >
-      2016-05-25
-    </Text>
-  </View>
-  <RNSVGSvgView
-    align="xMidYMid"
-    bbHeight="24"
-    bbWidth="24"
-    fill="none"
-    focusable={false}
-    height={24}
-    meetOrSlice={0}
-    minX={0}
-    minY={0}
-    style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "borderWidth": 0,
-        },
-        {
-          "flex": 0,
-          "height": 24,
-          "width": 24,
-        },
-      ]
-    }
-    vbHeight={24}
-    vbWidth={24}
-    width={24}
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-        ]
-      }
-    >
-      <RNSVGPath
-        d="M7.33333 6.16667V1.5M16.6667 6.16667V1.5M6.16667 10.8333H17.8333M3.83333 22.5H20.1667C21.4553 22.5 22.5 21.4553 22.5 20.1667V6.16667C22.5 4.878 21.4553 3.83333 20.1667 3.83333H3.83333C2.54467 3.83333 1.5 4.878 1.5 6.16667V20.1667C1.5 21.4553 2.54467 22.5 3.83333 22.5Z"
-        fill={
-          {
-            "payload": 4278190080,
-            "type": 0,
-          }
-        }
-        propList={
-          [
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4280232243,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth="2"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import {DateInput} from './date-input.component';
-import {ToddleDateTime} from '../../../utilities/toddle-datetime/toddle-datetime.class';
-
-const testDate = ToddleDateTime.fromISO('2016-05-25T09:08:34.123', {
-  locale: 'en-GB',
-});
-
-describe('Test date input component', () => {
-  it('renders a date input component', () => {
-    const tree = renderer
-      .create(
-        <DateInput
-          value={testDate}
-          onPress={() => console.log('do something')}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-});