@tactics/toddle-styleguide 5.3.1 → 5.4.0

package/src/components/molecules/pressable-icon/pressable-icon.test.js

@@ -1,51 +0,0 @@
-import React from 'react';
-import render from 'react-test-renderer';
-import {PressableIcon} from './pressable-icon.component';
-import {Icon} from '../../../icons';
-
-describe('pressable-icon test', () => {
-  it('render a default pressable icon', function () {
-    const tree = render
-      .create(
-        <PressableIcon
-          icon={<Icon style={'regular'} name={'thumb-up'} key="default" />}
-        />
-      )
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('render a default disabled pressable icon', () => {
-    const tree = render
-      .create(
-        <PressableIcon
-          icon={<Icon style={'regular'} name={'mail'} key="disabled" />}
-          disabled={true}
-        />
-      )
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('render an inverted pressable icon', () => {
-    const tree = render
-      .create(
-        <PressableIcon
-          icon={<Icon style={'regular'} name={'filter'} key="inverted" />}
-          inverted={true}
-        />
-      )
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('render an inverted pressable icon that is disabled', () => {
-    const tree = render
-      .create(
-        <PressableIcon
-          icon={<Icon style={'solid'} name={'trash'} key="disabled inverted" />}
-          inverted={true}
-          disabled={true}
-        />
-      )
-      .toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

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

@@ -1,557 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`test quick filter given the visual state is default AND isSelected is false ,return a white circle with a bleu border and a blue number 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",
-        "borderRadius": 50,
-        "borderStyle": "solid",
-        "borderWidth": 2,
-        "height": 48,
-        "justifyContent": "center",
-        "overflow": "hidden",
-        "width": 48,
-      },
-      false,
-      false,
-      false,
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "MontserratBold",
-            "fontSize": 14,
-            "lineHeight": 22.4,
-          },
-        ],
-        {
-          "color": "#FFFFFF",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        undefined,
-      ]
-    }
-  >
-    3
-  </Text>
-</View>
-`;
-
-exports[`test quick filter given the visual state is default AND isSelected is true ,return a blue circle with a white number  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",
-        "borderRadius": 50,
-        "borderStyle": "solid",
-        "borderWidth": 2,
-        "height": 48,
-        "justifyContent": "center",
-        "overflow": "hidden",
-        "width": 48,
-      },
-      false,
-      false,
-      false,
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "MontserratBold",
-            "fontSize": 14,
-            "lineHeight": 22.4,
-          },
-        ],
-        {
-          "color": "#FFFFFF",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        undefined,
-      ]
-    }
-  >
-    3
-  </Text>
-</View>
-`;
-
-exports[`test quick filter given the visual state is error AND isSelected is false ,return a white circle with a red border and a red number 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",
-        "borderRadius": 50,
-        "borderStyle": "solid",
-        "borderWidth": 2,
-        "height": 48,
-        "justifyContent": "center",
-        "overflow": "hidden",
-        "width": 48,
-      },
-      false,
-      false,
-      false,
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "MontserratBold",
-            "fontSize": 14,
-            "lineHeight": 22.4,
-          },
-        ],
-        {
-          "color": "#FFFFFF",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        undefined,
-      ]
-    }
-  >
-    3
-  </Text>
-</View>
-`;
-
-exports[`test quick filter given the visual state is error AND isSelected is true ,return a red circle with a white number  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",
-        "borderRadius": 50,
-        "borderStyle": "solid",
-        "borderWidth": 2,
-        "height": 48,
-        "justifyContent": "center",
-        "overflow": "hidden",
-        "width": 48,
-      },
-      false,
-      false,
-      false,
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#FFFFFF"
-  />
-</View>
-`;
-
-exports[`test quick filter given the visual state is success AND isSelected is false ,return a white circle with a green border and a green number 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",
-        "borderRadius": 50,
-        "borderStyle": "solid",
-        "borderWidth": 2,
-        "height": 48,
-        "justifyContent": "center",
-        "overflow": "hidden",
-        "width": 48,
-      },
-      false,
-      false,
-      false,
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "MontserratBold",
-            "fontSize": 14,
-            "lineHeight": 22.4,
-          },
-        ],
-        {
-          "color": "#FFFFFF",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        undefined,
-      ]
-    }
-  >
-    3
-  </Text>
-</View>
-`;
-
-exports[`test quick filter given the visual state is success AND isSelected is true ,return a green circle with a white number  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",
-        "borderRadius": 50,
-        "borderStyle": "solid",
-        "borderWidth": 2,
-        "height": 48,
-        "justifyContent": "center",
-        "overflow": "hidden",
-        "width": 48,
-      },
-      false,
-      false,
-      false,
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "MontserratBold",
-            "fontSize": 14,
-            "lineHeight": 22.4,
-          },
-        ],
-        {
-          "color": "#FFFFFF",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        undefined,
-      ]
-    }
-  >
-    3
-  </Text>
-</View>
-`;
-
-exports[`test quick filter given the visual state is warning AND isSelected is false ,return a white circle with an orange border and an orange number 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",
-        "borderRadius": 50,
-        "borderStyle": "solid",
-        "borderWidth": 2,
-        "height": 48,
-        "justifyContent": "center",
-        "overflow": "hidden",
-        "width": 48,
-      },
-      false,
-      false,
-      false,
-      false,
-    ]
-  }
->
-  <Text
-    style={
-      [
-        [
-          {
-            "fontFamily": "MontserratBold",
-            "fontSize": 14,
-            "lineHeight": 22.4,
-          },
-        ],
-        {
-          "color": "#FFFFFF",
-          "textAlign": "center",
-          "width": "100%",
-        },
-        undefined,
-      ]
-    }
-  >
-    3
-  </Text>
-</View>
-`;
-
-exports[`test quick filter given the visual state is warning AND isSelected is true ,return an orange circle with a white number 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",
-        "borderRadius": 50,
-        "borderStyle": "solid",
-        "borderWidth": 2,
-        "height": 48,
-        "justifyContent": "center",
-        "overflow": "hidden",
-        "width": 48,
-      },
-      false,
-      false,
-      false,
-      false,
-    ]
-  }
->
-  <ActivityIndicator
-    color="#FFFFFF"
-  />
-</View>
-`;