@tactics/toddle-styleguide 5.0.0 → 5.0.2

package/src/components/organisms/my-child-list-item/my-child-list-item.test.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import {MyChildListItem} from './my-child-list-item.component';
-
-describe('My child list item component test', () => {
-  it('Should render your child', () => {
-    const tree = renderer
-      .create(
-        <MyChildListItem
-          id={'kind1'}
-          name={'Luca Jannsens'}
-          department={'De Teddybeertjes'}
-          age={'leeftijd'}
-          sourceAvatar={require('./../../../../assets/components/avatar/baby.png')}
-          onPressChild={() => console.log('pressed Child')}
-          onPressArrow={() => console.log('pressed arrow')}
-        />
-      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-  });
-});

package/src/components/organisms/person-info-card/__snapshots__/person-info-card.test.js.snap

@@ -1,709 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Person info card tests renders a person info card with initials and label 1`] = `
-<View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "marginBottom": 8,
-      }
-    }
-  >
-    <View
-      style={null}
-    >
-      <View
-        style={
-          [
-            {
-              "alignItems": "center",
-              "backgroundColor": "#647ACB",
-              "justifyContent": "center",
-              "overflow": "hidden",
-            },
-            false,
-            false,
-            {
-              "borderRadius": 60,
-              "height": 120,
-              "width": 120,
-            },
-          ]
-        }
-      >
-        <Text
-          style={
-            [
-              [
-                {
-                  "fontFamily": "SourceSansProBold",
-                  "fontSize": 38,
-                  "lineHeight": 47.8,
-                },
-              ],
-              {
-                "color": "#FFFFFF",
-                "textAlign": "center",
-                "width": "100%",
-              },
-              {
-                "textTransform": "uppercase",
-              },
-            ]
-          }
-        >
-          ZD
-        </Text>
-      </View>
-    </View>
-  </View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "display": "flex",
-      }
-    }
-  >
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "SourceSansProBold",
-              "fontSize": 24,
-              "lineHeight": 30.2,
-            },
-          ],
-          {
-            "color": "#1F2933",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          {
-            "marginBottom": 4,
-          },
-        ]
-      }
-    >
-      Zeno Driesen
-    </Text>
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "Montserrat",
-              "fontSize": 13,
-              "lineHeight": 20.4,
-            },
-          ],
-          {
-            "color": "#1F2933",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          undefined,
-        ]
-      }
-    >
-      Developer
-    </Text>
-  </View>
-</View>
-`;
-
-exports[`Person info card tests renders a person info card with initials and label 2`] = `
-<View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "marginBottom": 8,
-      }
-    }
-  >
-    <View
-      style={null}
-    >
-      <View
-        style={
-          [
-            {
-              "alignItems": "center",
-              "backgroundColor": "#647ACB",
-              "justifyContent": "center",
-              "overflow": "hidden",
-            },
-            false,
-            false,
-            {
-              "borderRadius": 60,
-              "height": 120,
-              "width": 120,
-            },
-          ]
-        }
-      >
-        <Text
-          style={
-            [
-              [
-                {
-                  "fontFamily": "SourceSansProBold",
-                  "fontSize": 38,
-                  "lineHeight": 47.8,
-                },
-              ],
-              {
-                "color": "#FFFFFF",
-                "textAlign": "center",
-                "width": "100%",
-              },
-              {
-                "textTransform": "uppercase",
-              },
-            ]
-          }
-        >
-          ZD
-        </Text>
-      </View>
-    </View>
-  </View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "display": "flex",
-      }
-    }
-  >
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "SourceSansProBold",
-              "fontSize": 24,
-              "lineHeight": 30.2,
-            },
-          ],
-          {
-            "color": "#1F2933",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          {
-            "marginBottom": 4,
-          },
-        ]
-      }
-    >
-      Zeno Driesen
-    </Text>
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "Montserrat",
-              "fontSize": 13,
-              "lineHeight": 20.4,
-            },
-          ],
-          {
-            "color": "#1F2933",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          undefined,
-        ]
-      }
-    >
-      Developer
-    </Text>
-  </View>
-</View>
-`;
-
-exports[`Person info card tests renders a person info card with initials and no label 1`] = `
-<View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "marginBottom": 8,
-      }
-    }
-  >
-    <View
-      style={null}
-    >
-      <View
-        style={
-          [
-            {
-              "alignItems": "center",
-              "backgroundColor": "#647ACB",
-              "justifyContent": "center",
-              "overflow": "hidden",
-            },
-            false,
-            false,
-            {
-              "borderRadius": 60,
-              "height": 120,
-              "width": 120,
-            },
-          ]
-        }
-      >
-        <Text
-          style={
-            [
-              [
-                {
-                  "fontFamily": "SourceSansProBold",
-                  "fontSize": 38,
-                  "lineHeight": 47.8,
-                },
-              ],
-              {
-                "color": "#FFFFFF",
-                "textAlign": "center",
-                "width": "100%",
-              },
-              {
-                "textTransform": "uppercase",
-              },
-            ]
-          }
-        >
-          ZD
-        </Text>
-      </View>
-    </View>
-  </View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "display": "flex",
-      }
-    }
-  >
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "SourceSansProBold",
-              "fontSize": 24,
-              "lineHeight": 30.2,
-            },
-          ],
-          {
-            "color": "#1F2933",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          {
-            "marginBottom": 4,
-          },
-        ]
-      }
-    >
-      Zeno Driesen
-    </Text>
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "Montserrat",
-              "fontSize": 13,
-              "lineHeight": 20.4,
-            },
-          ],
-          {
-            "color": "#1F2933",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          undefined,
-        ]
-      }
-    />
-  </View>
-</View>
-`;
-
-exports[`Person info card tests renders a person info card with initials, label and is blocked 1`] = `
-<View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "marginBottom": 8,
-      }
-    }
-  >
-    <View
-      style={null}
-    >
-      <View
-        style={
-          [
-            {
-              "alignItems": "center",
-              "backgroundColor": "#F16868",
-              "justifyContent": "center",
-              "overflow": "hidden",
-            },
-            false,
-            false,
-            {
-              "borderRadius": 60,
-              "height": 120,
-              "width": 120,
-            },
-          ]
-        }
-      >
-        <Text
-          style={
-            [
-              [
-                {
-                  "fontFamily": "SourceSansProBold",
-                  "fontSize": 38,
-                  "lineHeight": 47.8,
-                },
-              ],
-              {
-                "color": "#FFFFFF",
-                "textAlign": "center",
-                "width": "100%",
-              },
-              {
-                "textTransform": "uppercase",
-              },
-            ]
-          }
-        >
-          ZD
-        </Text>
-      </View>
-    </View>
-  </View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "display": "flex",
-      }
-    }
-  >
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "SourceSansProBold",
-              "fontSize": 24,
-              "lineHeight": 30.2,
-            },
-          ],
-          {
-            "color": "#1F2933",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          {
-            "marginBottom": 4,
-          },
-        ]
-      }
-    >
-      Zeno Driesen
-    </Text>
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "Montserrat",
-              "fontSize": 13,
-              "lineHeight": 20.4,
-            },
-          ],
-          {
-            "color": "#1F2933",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          undefined,
-        ]
-      }
-    >
-      Developer
-    </Text>
-  </View>
-</View>
-`;
-
-exports[`Person info card tests renders a person info card with initials, label and is not active 1`] = `
-<View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "marginBottom": 8,
-      }
-    }
-  >
-    <View
-      style={null}
-    >
-      <View
-        style={
-          [
-            {
-              "alignItems": "center",
-              "backgroundColor": "#E5E8EB",
-              "justifyContent": "center",
-              "overflow": "hidden",
-            },
-            false,
-            false,
-            {
-              "borderRadius": 60,
-              "height": 120,
-              "width": 120,
-            },
-          ]
-        }
-      >
-        <Text
-          style={
-            [
-              [
-                {
-                  "fontFamily": "SourceSansProBold",
-                  "fontSize": 38,
-                  "lineHeight": 47.8,
-                },
-              ],
-              {
-                "color": "#FFFFFF",
-                "textAlign": "center",
-                "width": "100%",
-              },
-              {
-                "textTransform": "uppercase",
-              },
-            ]
-          }
-        >
-          ZD
-        </Text>
-      </View>
-    </View>
-  </View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "display": "flex",
-      }
-    }
-  >
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "SourceSansProBold",
-              "fontSize": 24,
-              "lineHeight": 30.2,
-            },
-          ],
-          {
-            "color": "#1F2933",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          {
-            "marginBottom": 4,
-          },
-        ]
-      }
-    >
-      Zeno Driesen
-    </Text>
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "Montserrat",
-              "fontSize": 13,
-              "lineHeight": 20.4,
-            },
-          ],
-          {
-            "color": "#1F2933",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          undefined,
-        ]
-      }
-    >
-      Developer
-    </Text>
-  </View>
-</View>
-`;
-
-exports[`Person info card tests renders a person info card with picture and label 1`] = `
-<View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "marginBottom": 8,
-      }
-    }
-  >
-    <View
-      style={null}
-    >
-      <View
-        style={
-          [
-            {
-              "alignItems": "center",
-              "backgroundColor": "#647ACB",
-              "justifyContent": "center",
-              "overflow": "hidden",
-            },
-            false,
-            false,
-            {
-              "borderRadius": 60,
-              "height": 120,
-              "width": 120,
-            },
-          ]
-        }
-      >
-        <ViewManagerAdapter_ExpoLinearGradient
-          colors={
-            [
-              4281681564,
-              4284775115,
-              4292481661,
-            ]
-          }
-          endPoint={
-            [
-              0.9,
-              0.9,
-            ]
-          }
-          locations={
-            [
-              0,
-              0.55,
-              1,
-            ]
-          }
-          startPoint={
-            [
-              0.1,
-              0.1,
-            ]
-          }
-          style={
-            [
-              {
-                "height": "100%",
-                "width": "100%",
-              },
-            ]
-          }
-        />
-        <Image
-          source={1}
-          style={
-            [
-              {
-                "borderRadius": 50,
-                "height": "90%",
-                "position": "absolute",
-                "width": "90%",
-              },
-            ]
-          }
-        />
-      </View>
-    </View>
-  </View>
-  <View
-    style={
-      {
-        "alignItems": "center",
-        "display": "flex",
-      }
-    }
-  >
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "SourceSansProBold",
-              "fontSize": 24,
-              "lineHeight": 30.2,
-            },
-          ],
-          {
-            "color": "#1F2933",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          {
-            "marginBottom": 4,
-          },
-        ]
-      }
-    >
-      Zeno Driesen
-    </Text>
-    <Text
-      style={
-        [
-          [
-            {
-              "fontFamily": "Montserrat",
-              "fontSize": 13,
-              "lineHeight": 20.4,
-            },
-          ],
-          {
-            "color": "#1F2933",
-            "textAlign": "center",
-            "width": "100%",
-          },
-          undefined,
-        ]
-      }
-    >
-      Developer
-    </Text>
-  </View>
-</View>
-`;