@hero-design/rn 7.7.0 → 7.9.0

package/src/components/List/__tests__/StyledListItem.spec.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import renderWithTheme from '../../../testHelpers/renderWithTheme';
+import {
+  StyledLeadingStatus,
+  StyledListItemContainer,
+} from '../StyledListItem';
+
+describe('ListItemContainer', () => {
+  it.each`
+    themeSelected | themeVariant
+    ${true}       | ${'full-width'}
+    ${false}      | ${'card'}
+    ${false}      | ${'full-width'}
+    ${true}       | ${'card'}
+  `(
+    'renders correctly themeSelected $themeSelected themeVariant $themeVariant',
+    ({ themeSelected, themeVariant }) => {
+      const { toJSON } = renderWithTheme(
+        <StyledListItemContainer
+          themeSelected={themeSelected}
+          themeVariant={themeVariant}
+        />
+      );
+      expect(toJSON()).toMatchSnapshot();
+    }
+  );
+});
+
+describe('LeadingStatus', () => {
+  it.each`
+    themeLeadingStausIntent
+    ${'archived'}
+    ${'info'}
+    ${'success'}
+    ${'warning'}
+    ${'danger'}
+  `(
+    'renders correctly themeLeadingStausIntent $themeLeadingStausIntent',
+    ({ themeLeadingStausIntent }) => {
+      const { toJSON } = renderWithTheme(
+        <StyledLeadingStatus
+          themeLeadingStatusIntent={themeLeadingStausIntent}
+        />
+      );
+      expect(toJSON()).toMatchSnapshot();
+    }
+  );
+});

package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap

@@ -0,0 +1,103 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`BasicListItem renders correctly 1`] = `
+<View
+  accessible={true}
+  collapsable={false}
+  focusable={false}
+  nativeID="animatedComponent"
+  onClick={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+  style={
+    Object {
+      "alignItems": "center",
+      "backgroundColor": "#ffffff",
+      "flex": 1,
+      "flexDirection": "row",
+      "opacity": 1,
+      "padding": 16,
+    }
+  }
+  testID="basic-list-item"
+>
+  <View
+    style={
+      Array [
+        Object {
+          "flex": 1,
+        },
+        undefined,
+      ]
+    }
+  >
+    <Text
+      style={
+        Array [
+          Object {
+            "color": "#292a2b",
+            "fontFamily": "BeVietnamPro-Regular",
+            "fontSize": 16,
+            "letterSpacing": 0.48,
+            "lineHeight": 24,
+          },
+          undefined,
+        ]
+      }
+      themeFontSize="large"
+      themeFontWeight="regular"
+      themeIntent="body"
+    >
+      List item
+    </Text>
+    <Text
+      style={
+        Array [
+          Object {
+            "color": "#8b8d92",
+            "fontFamily": "BeVietnamPro-Regular",
+            "fontSize": 12,
+            "letterSpacing": 0.36,
+            "lineHeight": 20,
+          },
+          undefined,
+        ]
+      }
+      themeFontSize="small"
+      themeFontWeight="regular"
+      themeIntent="subdued"
+    >
+      subtitle
+    </Text>
+  </View>
+  <View
+    style={
+      Array [
+        Object {
+          "marginLeft": 8,
+        },
+        undefined,
+      ]
+    }
+  >
+    <HeroIcon
+      name="checkmark"
+      style={
+        Array [
+          Object {
+            "color": "#292a2b",
+            "fontSize": 20,
+          },
+          undefined,
+        ]
+      }
+      themeIntent="text"
+      themeSize="small"
+    />
+  </View>
+</View>
+`;