@tactics/toddle-styleguide 5.3.1 → 5.3.3

package/src/components/molecules/quick-filter/quick-filter.test.js

@@ -1,134 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import {VisualState} from '../../../types/visual-state.enum';
-import {QuickFilter} from './quick-filter.component';
-
-describe('test quick filter', () => {
-  it('given the visual state is default AND isSelected is false ,return a white circle with a bleu border and a blue number', () => {
-    const tree = renderer
-      .create(
-        <QuickFilter
-          id="1"
-          isLoading={false}
-          amount={3}
-          isSelected={false}
-          onSelect={() => console.log('clicked')}
-          visualState={VisualState.DEFAULT}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-  it('given the visual state is default AND isSelected is true ,return a blue circle with a white number ', () => {
-    const tree = renderer
-      .create(
-        <QuickFilter
-          id="1"
-          amount={3}
-          isLoading={false}
-          isSelected={true}
-          onSelect={() => console.log('clicked')}
-          visualState={VisualState.DEFAULT}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-  it('given the visual state is success AND isSelected is false ,return a white circle with a green border and a green number', () => {
-    const tree = renderer
-      .create(
-        <QuickFilter
-          id="1"
-          amount={3}
-          isLoading={false}
-          isSelected={false}
-          onSelect={() => console.log('clicked')}
-          visualState={VisualState.DEFAULT}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-  it('given the visual state is success AND isSelected is true ,return a green circle with a white number ', () => {
-    const tree = renderer
-      .create(
-        <QuickFilter
-          id="1"
-          amount={3}
-          isSelected={true}
-          onSelect={() => console.log('clicked')}
-          visualState={VisualState.DEFAULT}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-  it('given the visual state is warning AND isSelected is false ,return a white circle with an orange border and an orange number', () => {
-    const tree = renderer
-      .create(
-        <QuickFilter
-          id="1"
-          amount={3}
-          isLoading={false}
-          isSelected={false}
-          onSelect={() => console.log('clicked')}
-          visualState={VisualState.DEFAULT}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-  it('given the visual state is warning AND isSelected is true ,return an orange circle with a white number', () => {
-    const tree = renderer
-      .create(
-        <QuickFilter
-          id="1"
-          amount={3}
-          isLoading={true}
-          isSelected={true}
-          onSelect={() => console.log('clicked')}
-          visualState={VisualState.DEFAULT}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-  it('given the visual state is error AND isSelected is false ,return a white circle with a red border and a red number', () => {
-    const tree = renderer
-      .create(
-        <QuickFilter
-          id="1"
-          amount={3}
-          isLoading={false}
-          isSelected={false}
-          onSelect={() => console.log('clicked')}
-          visualState={VisualState.DEFAULT}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-  it('given the visual state is error AND isSelected is true ,return a red circle with a white number ', () => {
-    const tree = renderer
-      .create(
-        <QuickFilter
-          id="1"
-          amount={3}
-          isLoading={true}
-          isSelected={true}
-          onSelect={() => console.log('clicked')}
-          visualState={VisualState.DEFAULT}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-});

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

@@ -1,145 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`test search shows search field 1`] = `
-<View
-  style={
-    {
-      "alignItems": "center",
-      "backgroundColor": "#FFFFFF",
-      "borderColor": "#E5E8EB",
-      "borderRadius": 8,
-      "borderStyle": "solid",
-      "borderWidth": 1,
-      "flexDirection": "row",
-      "height": 44,
-      "overflow": "hidden",
-      "paddingRight": 4,
-      "width": "100%",
-    }
-  }
->
-  <TextInput
-    keyboardType="default"
-    onChangeText={[Function]}
-    placeholder="placeholder search field"
-    placeholderTextColor="#9AA5B1"
-    style={
-      {
-        "color": "#1F2933",
-        "flex": 1,
-        "fontFamily": "SourceSansPro",
-        "fontSize": 16,
-        "height": "100%",
-        "justifyContent": "center",
-        "lineHeight": 20,
-        "paddingBottom": 8,
-        "paddingLeft": 16,
-        "paddingTop": 8,
-      }
-    }
-  />
-  <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="18"
-      bbWidth="18"
-      fill="none"
-      focusable={false}
-      height={18}
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "flex": 0,
-            "height": 18,
-            "width": 18,
-          },
-        ]
-      }
-      vbHeight={17}
-      vbWidth={17}
-      width={18}
-    >
-      <RNSVGGroup
-        fill={null}
-        propList={
-          [
-            "fill",
-          ]
-        }
-      >
-        <RNSVGPath
-          d="M1.75 15.25L15.25 1.75M1.75 1.75L15.25 15.25"
-          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/search-input/search.test.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import {Search} from './search.component';
-import {KeyBoardTypes} from '../../../types/keyboard-types.enum';
-
-describe('test search', () => {
-  it('shows search field', () => {
-    const tree = renderer
-      .create(
-        <Search
-          keyboardType={KeyBoardTypes.DEFAULT}
-          placeholder="placeholder search field"
-          onChangeText={() => console.log('text is changed')}
-          onPressClear={() => console.log('clear input')}
-          showClearIcon={true}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-});

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

@@ -1,70 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SelectLink component test renders a pressable select-link with label "Toepassen" 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": "transparent",
-      "borderRadius": 50,
-      "flexDirection": "row",
-      "justifyContent": "center",
-      "paddingHorizontal": 24,
-      "paddingVertical": 12,
-    }
-  }
->
-  <View>
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "Montserrat",
-              "fontSize": 13,
-              "lineHeight": 20.4,
-            },
-          ],
-          {
-            "color": "#515F6C",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          undefined,
-        ]
-      }
-    >
-      Toepassen
-    </Text>
-  </View>
-</View>
-`;

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import render from 'react-test-renderer';
-import {SelectLink} from './select-link.component';
-
-describe('SelectLink component test', () => {
-  it('renders a pressable select-link with label "Toepassen"', function () {
-    const tree = render
-      .create(
-        <SelectLink
-          label="Toepassen"
-          onPress={() => console.log('Toepassen')}
-        />
-      )
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});