@tactics/toddle-styleguide 5.0.0 → 5.0.2

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

@@ -1,762 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`test button component should render a select-list-item component with 1 line of white text (bold) and a dark icon in a light circle 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",
-      "flexDirection": "row",
-      "width": "100%",
-    }
-  }
->
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "backgroundColor": "#7B93DB",
-        "borderRadius": 31,
-        "height": 62,
-        "justifyContent": "center",
-        "marginRight": 16,
-        "width": 62,
-      }
-    }
-  >
-    <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={22}
-        vbWidth={22}
-        width={24}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            [
-              "fill",
-            ]
-          }
-        >
-          <RNSVGPath
-            d="M1.25 2.25C1.25 1.69772 1.69772 1.25 2.25 1.25H19.75C20.3023 1.25 20.75 1.69772 20.75 2.25V5.16912C20.75 5.43434 20.6446 5.68869 20.4571 5.87623L13.4596 12.8738C13.272 13.0613 13.1667 13.3157 13.1667 13.5809V16.4167L8.83333 20.75V13.5809C8.83333 13.3157 8.72798 13.0613 8.54044 12.8738L1.54289 5.87623C1.35536 5.68869 1.25 5.43434 1.25 5.16912V2.25Z"
-            fill={
-              {
-                "payload": 4278190080,
-                "type": 0,
-              }
-            }
-            propList={
-              [
-                "stroke",
-                "strokeWidth",
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            stroke={
-              {
-                "payload": 4279837036,
-                "type": 0,
-              }
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-            strokeWidth="2"
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-  </View>
-  <View
-    style={
-      {
-        "flex": 1,
-        "flexDirection": "column",
-        "justifyContent": "center",
-        "paddingBottom": 2,
-        "paddingTop": 2,
-      }
-    }
-  >
-    <View>
-      <Text
-        ellipsizeMode="tail"
-        numberOfLines={2}
-        style={
-          [
-            [
-              {
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 24,
-                "lineHeight": 30.2,
-              },
-            ],
-            {
-              "color": "#FFFFFF",
-              "textAlign": undefined,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        Vlindertjes
-      </Text>
-    </View>
-    <View>
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "Montserrat",
-                "fontSize": 14,
-                "lineHeight": 22.4,
-              },
-            ],
-            {
-              "color": "#E5E8EB",
-              "textAlign": undefined,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      />
-    </View>
-  </View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "justifyContent": "center",
-        "marginLeft": 16,
-        "marginRight": 16,
-      }
-    }
-  >
-    <RNSVGSvgView
-      align="xMidYMid"
-      bbHeight="20"
-      bbWidth="20"
-      fill="none"
-      focusable={false}
-      height={20}
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "flex": 0,
-            "height": 20,
-            "width": 20,
-          },
-        ]
-      }
-      vbHeight={19}
-      vbWidth={11}
-      width={20}
-    >
-      <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>
-</View>
-`;
-
-exports[`test button component should render a select-list-item component with 1 line of white text (bold) and a light icon in a dark circle 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",
-      "flexDirection": "row",
-      "width": "100%",
-    }
-  }
->
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "backgroundColor": "#4055A8",
-        "borderRadius": 31,
-        "height": 62,
-        "justifyContent": "center",
-        "marginRight": 16,
-        "width": 62,
-      }
-    }
-  >
-    <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={23}
-        vbWidth={23}
-        width={24}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            [
-              "fill",
-            ]
-          }
-        >
-          <RNSVGPath
-            d="M19.375 21.625V3.625C19.375 2.38236 18.3676 1.375 17.125 1.375H5.875C4.63236 1.375 3.625 2.38236 3.625 3.625V21.625M19.375 21.625L21.625 21.625M19.375 21.625H13.75M3.625 21.625L1.375 21.625M3.625 21.625H9.25M8.125 5.87497H9.25M8.125 10.375H9.25M13.75 5.87497H14.875M13.75 10.375H14.875M9.25 21.625V16C9.25 15.3787 9.75368 14.875 10.375 14.875H12.625C13.2463 14.875 13.75 15.3787 13.75 16V21.625M9.25 21.625H13.75"
-            fill={
-              {
-                "payload": 4278190080,
-                "type": 0,
-              }
-            }
-            propList={
-              [
-                "stroke",
-                "strokeWidth",
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            stroke={
-              {
-                "payload": 4286288859,
-                "type": 0,
-              }
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-            strokeWidth="2"
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-  </View>
-  <View
-    style={
-      {
-        "flex": 1,
-        "flexDirection": "column",
-        "justifyContent": "center",
-        "paddingBottom": 2,
-        "paddingTop": 2,
-      }
-    }
-  >
-    <View>
-      <Text
-        ellipsizeMode="tail"
-        numberOfLines={2}
-        style={
-          [
-            [
-              {
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 24,
-                "lineHeight": 30.2,
-              },
-            ],
-            {
-              "color": "#FFFFFF",
-              "textAlign": undefined,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        lindertjes
-      </Text>
-    </View>
-    <View>
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "Montserrat",
-                "fontSize": 14,
-                "lineHeight": 22.4,
-              },
-            ],
-            {
-              "color": "#E5E8EB",
-              "textAlign": undefined,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      />
-    </View>
-  </View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "justifyContent": "center",
-        "marginLeft": 16,
-        "marginRight": 16,
-      }
-    }
-  >
-    <RNSVGSvgView
-      align="xMidYMid"
-      bbHeight="20"
-      bbWidth="20"
-      fill="none"
-      focusable={false}
-      height={20}
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "flex": 0,
-            "height": 20,
-            "width": 20,
-          },
-        ]
-      }
-      vbHeight={19}
-      vbWidth={11}
-      width={20}
-    >
-      <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>
-</View>
-`;
-
-exports[`test button component should render a select-list-item component with 2 LINES of text and a dark icon in a light circle 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",
-      "flexDirection": "row",
-      "width": "100%",
-    }
-  }
->
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "backgroundColor": "#7B93DB",
-        "borderRadius": 31,
-        "height": 62,
-        "justifyContent": "center",
-        "marginRight": 16,
-        "width": 62,
-      }
-    }
-  >
-    <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={22}
-        vbWidth={22}
-        width={24}
-      >
-        <RNSVGGroup
-          fill={null}
-          propList={
-            [
-              "fill",
-            ]
-          }
-        >
-          <RNSVGPath
-            d="M1.25 2.25C1.25 1.69772 1.69772 1.25 2.25 1.25H19.75C20.3023 1.25 20.75 1.69772 20.75 2.25V5.16912C20.75 5.43434 20.6446 5.68869 20.4571 5.87623L13.4596 12.8738C13.272 13.0613 13.1667 13.3157 13.1667 13.5809V16.4167L8.83333 20.75V13.5809C8.83333 13.3157 8.72798 13.0613 8.54044 12.8738L1.54289 5.87623C1.35536 5.68869 1.25 5.43434 1.25 5.16912V2.25Z"
-            fill={
-              {
-                "payload": 4278190080,
-                "type": 0,
-              }
-            }
-            propList={
-              [
-                "stroke",
-                "strokeWidth",
-                "strokeLinecap",
-                "strokeLinejoin",
-              ]
-            }
-            stroke={
-              {
-                "payload": 4279837036,
-                "type": 0,
-              }
-            }
-            strokeLinecap={1}
-            strokeLinejoin={1}
-            strokeWidth="2"
-          />
-        </RNSVGGroup>
-      </RNSVGSvgView>
-    </View>
-  </View>
-  <View
-    style={
-      {
-        "flex": 1,
-        "flexDirection": "column",
-        "justifyContent": "center",
-        "paddingBottom": 2,
-        "paddingTop": 2,
-      }
-    }
-  >
-    <View>
-      <Text
-        ellipsizeMode="tail"
-        numberOfLines={2}
-        style={
-          [
-            [
-              {
-                "fontFamily": "SourceSansProBold",
-                "fontSize": 24,
-                "lineHeight": 30.2,
-              },
-            ],
-            {
-              "color": "#FFFFFF",
-              "textAlign": undefined,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        Vlindertjes
-      </Text>
-    </View>
-    <View>
-      <Text
-        style={
-          [
-            [
-              {
-                "fontFamily": "Montserrat",
-                "fontSize": 14,
-                "lineHeight": 22.4,
-              },
-            ],
-            {
-              "color": "#E5E8EB",
-              "textAlign": undefined,
-              "width": "100%",
-            },
-            undefined,
-          ]
-        }
-      >
-        Leeftijd 2 tot 4 jaar
-      </Text>
-    </View>
-  </View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "justifyContent": "center",
-        "marginLeft": 16,
-        "marginRight": 16,
-      }
-    }
-  >
-    <RNSVGSvgView
-      align="xMidYMid"
-      bbHeight="20"
-      bbWidth="20"
-      fill="none"
-      focusable={false}
-      height={20}
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "flex": 0,
-            "height": 20,
-            "width": 20,
-          },
-        ]
-      }
-      vbHeight={19}
-      vbWidth={11}
-      width={20}
-    >
-      <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>
-</View>
-`;