@tactics/toddle-styleguide 5.3.1 → 5.4.0

package/src/components/molecules/day/__snapshots__/day.test.js.snap

@@ -1,263 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Test for the day component renders a day component that is also selected 1`] = `
-<View
-  style={
-    {
-      "alignItems": "center",
-      "justifyContent": "center",
-    }
-  }
->
-  <View
-    style={
-      {
-        "marginBottom": 12,
-      }
-    }
-  >
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "SourceSansPro",
-              "fontSize": 16,
-              "lineHeight": 22.4,
-            },
-          ],
-          {
-            "color": "#9AA5B1",
-            "textAlign": undefined,
-            "width": "100%",
-          },
-          undefined,
-        ]
-      }
-    >
-      WE
-    </Text>
-  </View>
-  <View>
-    <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",
-            "borderRadius": 24,
-            "height": 48,
-            "justifyContent": "center",
-            "padding": 12,
-            "width": 48,
-          },
-          {
-            "backgroundColor": "#647ACB",
-          },
-        ]
-      }
-    >
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "SourceSansPro",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-              },
-            ],
-            {
-              "color": "#E0E8F9",
-              "textAlign": "center",
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        25
-      </Text>
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "Montserrat",
-                "fontSize": 11,
-                "lineHeight": 17.9,
-              },
-            ],
-            {
-              "color": "#E0E8F9",
-              "textAlign": "center",
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        may
-      </Text>
-    </View>
-  </View>
-</View>
-`;
-
-exports[`Test for the day component renders a day component that is not selected 1`] = `
-<View
-  style={
-    {
-      "alignItems": "center",
-      "justifyContent": "center",
-    }
-  }
->
-  <View
-    style={
-      {
-        "marginBottom": 12,
-      }
-    }
-  >
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "SourceSansPro",
-              "fontSize": 16,
-              "lineHeight": 22.4,
-            },
-          ],
-          {
-            "color": "#9AA5B1",
-            "textAlign": undefined,
-            "width": "100%",
-          },
-          undefined,
-        ]
-      }
-    >
-      WE
-    </Text>
-  </View>
-  <View>
-    <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",
-            "borderRadius": 24,
-            "height": 48,
-            "justifyContent": "center",
-            "padding": 12,
-            "width": 48,
-          },
-          false,
-        ]
-      }
-    >
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "SourceSansPro",
-                "fontSize": 16,
-                "lineHeight": 22.4,
-              },
-            ],
-            {
-              "color": "#9AA5B1",
-              "textAlign": "center",
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        25
-      </Text>
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "Montserrat",
-                "fontSize": 11,
-                "lineHeight": 17.9,
-              },
-            ],
-            {
-              "color": "#9AA5B1",
-              "textAlign": "center",
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        may
-      </Text>
-    </View>
-  </View>
-</View>
-`;

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

@@ -1,37 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import {Day} from './day.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 for the day component', () => {
-  it('renders a day component that is also selected', () => {
-    const tree = renderer
-      .create(
-        <Day
-          date={testDate}
-          onSelect={() => console.log('set to selected day')}
-          isSelected={true}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-  it('renders a day component that is not selected', () => {
-    const tree = renderer
-      .create(
-        <Day
-          date={testDate}
-          onSelect={() => console.log('set to selected day')}
-          isSelected={false}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-});

package/src/components/molecules/default-select/__snapshots__/default-select.test.js.snap

@@ -1,140 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`test default select component should render a default select component that accepts a label and onPress does something 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={
-    [
-      {
-        "backgroundColor": "#7B93DB",
-      },
-      {
-        "alignItems": "center",
-        "borderRadius": 8,
-        "flexDirection": "row",
-        "justifyContent": "space-between",
-        "paddingBottom": 16,
-        "paddingLeft": 16,
-        "paddingRight": 16,
-        "paddingTop": 16,
-        "width": "100%",
-      },
-    ]
-  }
->
-  <View>
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "SourceSansProBold",
-              "fontSize": 18,
-              "lineHeight": 22.6,
-            },
-          ],
-          {
-            "color": "#FFFFFF",
-            "textAlign": undefined,
-            "width": "100%",
-          },
-          undefined,
-        ]
-      }
-    >
-      Alle leefgroepen
-    </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={19}
-    vbWidth={11}
-    width={24}
-  >
-    <RNSVGGroup
-      fill={null}
-      propList={
-        [
-          "fill",
-        ]
-      }
-    >
-      <RNSVGPath
-        d="M1.75 1.625L9.33333 9.5L1.75 17.375"
-        fill={
-          {
-            "payload": 4278190080,
-            "type": 0,
-          }
-        }
-        propList={
-          [
-            "stroke",
-            "strokeWidth",
-            "strokeLinecap",
-            "strokeLinejoin",
-          ]
-        }
-        stroke={
-          {
-            "payload": 4294967295,
-            "type": 0,
-          }
-        }
-        strokeLinecap={1}
-        strokeLinejoin={1}
-        strokeWidth="2"
-      />
-    </RNSVGGroup>
-  </RNSVGSvgView>
-</View>
-`;

package/src/components/molecules/default-select/default-select.test.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import render from 'react-test-renderer';
-import {DefaultSelect} from './default-select.component';
-
-describe('test default select component', () => {
-  it('should render a default select component that accepts a label and onPress does something', () => {
-    const tree = render
-      .create(
-        <DefaultSelect
-          label={'Alle leefgroepen'}
-          onPress={() => console.log('pressed')}
-        />
-      )
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

package/src/components/molecules/department_logo/__snapshots__/department-logo.test.js.snap

@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`test department-logo component should render a department-logo component 1`] = `
-<Text
-  style={
-    [
-      [
-        {
-          "fontFamily": "Montserrat",
-          "fontSize": 13,
-          "lineHeight": 20.4,
-        },
-      ],
-      {
-        "color": "#19216C",
-        "textAlign": undefined,
-        "width": "100%",
-      },
-      {
-        "textAlignVertical": "bottom",
-      },
-    ]
-  }
->
-  Test Department
-</Text>
-`;

package/src/components/molecules/department_logo/department-logo.test.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import render from 'react-test-renderer';
-import {DepartmentLogo} from './department-logo.component';
-
-describe('test department-logo component', () => {
-  it('should render a department-logo component', function () {
-    const tree = render
-      .create(<DepartmentLogo department={'Test Department'} />)
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});