@hero-design/rn 7.13.0 → 7.14.1

package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap

@@ -0,0 +1,822 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Accordion allows fully controlled 1`] = `
+<View
+  style={
+    Array [
+      Object {},
+      undefined,
+    ]
+  }
+>
+  <View
+    style={
+      Array [
+        Object {
+          "backgroundColor": "#ffffff",
+          "borderRadius": 0,
+          "padding": 16,
+        },
+        undefined,
+      ]
+    }
+    themeVariant="default"
+  >
+    <View
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      nativeID="animatedComponent"
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        Object {
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          Array [
+            Object {
+              "color": "#292a2b",
+              "fontFamily": "BeVietnamPro-SemiBold",
+              "fontSize": 16,
+              "letterSpacing": 0.48,
+              "lineHeight": 24,
+            },
+            undefined,
+          ]
+        }
+        themeFontSize="large"
+        themeFontWeight="semi-bold"
+        themeIntent="body"
+      >
+        Accordion header 1
+      </Text>
+      <HeroIcon
+        name="arrow-down"
+        style={
+          Array [
+            Object {
+              "color": "#7622d7",
+              "fontSize": 20,
+            },
+            undefined,
+          ]
+        }
+        themeIntent="primary"
+        themeSize="small"
+      />
+    </View>
+    <View
+      collapsable={false}
+      nativeID="animatedComponent"
+      style={
+        Object {
+          "height": 0,
+          "margin": 0,
+          "overflow": "hidden",
+          "padding": 0,
+        }
+      }
+    >
+      <View
+        style={
+          Array [
+            Object {
+              "height": 1334,
+            },
+            undefined,
+          ]
+        }
+      >
+        <View
+          onLayout={[Function]}
+          style={
+            Array [
+              Object {
+                "margin": 0,
+                "padding": 0,
+              },
+              Array [
+                Object {
+                  "paddingTop": 16,
+                },
+                undefined,
+              ],
+            ]
+          }
+        >
+          <Text
+            style={
+              Array [
+                Object {
+                  "color": "#292a2b",
+                  "fontFamily": "BeVietnamPro-Regular",
+                  "fontSize": 14,
+                  "letterSpacing": 0.42,
+                  "lineHeight": 22,
+                },
+                undefined,
+              ]
+            }
+            themeFontSize="medium"
+            themeFontWeight="regular"
+            themeIntent="body"
+          >
+            Accordion content 1
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+  <View
+    style={
+      Array [
+        Object {
+          "backgroundColor": "#ffffff",
+          "borderRadius": 0,
+          "padding": 16,
+        },
+        undefined,
+      ]
+    }
+    themeVariant="default"
+  >
+    <View
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      nativeID="animatedComponent"
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        Object {
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          Array [
+            Object {
+              "color": "#292a2b",
+              "fontFamily": "BeVietnamPro-SemiBold",
+              "fontSize": 16,
+              "letterSpacing": 0.48,
+              "lineHeight": 24,
+            },
+            undefined,
+          ]
+        }
+        themeFontSize="large"
+        themeFontWeight="semi-bold"
+        themeIntent="body"
+      >
+        Accordion header 2
+      </Text>
+      <HeroIcon
+        name="arrow-up"
+        style={
+          Array [
+            Object {
+              "color": "#7622d7",
+              "fontSize": 20,
+            },
+            undefined,
+          ]
+        }
+        themeIntent="primary"
+        themeSize="small"
+      />
+    </View>
+    <View
+      collapsable={false}
+      nativeID="animatedComponent"
+      style={
+        Object {
+          "height": 0,
+          "margin": 0,
+          "overflow": "hidden",
+          "padding": 0,
+        }
+      }
+    >
+      <View
+        style={
+          Array [
+            Object {
+              "height": 1334,
+            },
+            undefined,
+          ]
+        }
+      >
+        <View
+          onLayout={[Function]}
+          style={
+            Array [
+              Object {
+                "margin": 0,
+                "padding": 0,
+              },
+              Array [
+                Object {
+                  "paddingTop": 16,
+                },
+                undefined,
+              ],
+            ]
+          }
+        >
+          <Text
+            style={
+              Array [
+                Object {
+                  "color": "#292a2b",
+                  "fontFamily": "BeVietnamPro-Regular",
+                  "fontSize": 14,
+                  "letterSpacing": 0.42,
+                  "lineHeight": 22,
+                },
+                undefined,
+              ]
+            }
+            themeFontSize="medium"
+            themeFontWeight="regular"
+            themeIntent="body"
+          >
+            Accordion content 2
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;
+
+exports[`Accordion renders correctly 1`] = `
+<View
+  style={
+    Array [
+      Object {},
+      undefined,
+    ]
+  }
+>
+  <View
+    style={
+      Array [
+        Object {
+          "backgroundColor": "#ffffff",
+          "borderRadius": 0,
+          "padding": 16,
+        },
+        undefined,
+      ]
+    }
+    themeVariant="default"
+  >
+    <View
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      nativeID="animatedComponent"
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        Object {
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          Array [
+            Object {
+              "color": "#292a2b",
+              "fontFamily": "BeVietnamPro-SemiBold",
+              "fontSize": 16,
+              "letterSpacing": 0.48,
+              "lineHeight": 24,
+            },
+            undefined,
+          ]
+        }
+        themeFontSize="large"
+        themeFontWeight="semi-bold"
+        themeIntent="body"
+      >
+        Accordion header 1
+      </Text>
+      <HeroIcon
+        name="arrow-down"
+        style={
+          Array [
+            Object {
+              "color": "#7622d7",
+              "fontSize": 20,
+            },
+            undefined,
+          ]
+        }
+        themeIntent="primary"
+        themeSize="small"
+      />
+    </View>
+    <View
+      collapsable={false}
+      nativeID="animatedComponent"
+      style={
+        Object {
+          "height": 0,
+          "margin": 0,
+          "overflow": "hidden",
+          "padding": 0,
+        }
+      }
+    >
+      <View
+        style={
+          Array [
+            Object {
+              "height": 1334,
+            },
+            undefined,
+          ]
+        }
+      >
+        <View
+          onLayout={[Function]}
+          style={
+            Array [
+              Object {
+                "margin": 0,
+                "padding": 0,
+              },
+              Array [
+                Object {
+                  "paddingTop": 16,
+                },
+                undefined,
+              ],
+            ]
+          }
+        >
+          <Text
+            style={
+              Array [
+                Object {
+                  "color": "#292a2b",
+                  "fontFamily": "BeVietnamPro-Regular",
+                  "fontSize": 14,
+                  "letterSpacing": 0.42,
+                  "lineHeight": 22,
+                },
+                undefined,
+              ]
+            }
+            themeFontSize="medium"
+            themeFontWeight="regular"
+            themeIntent="body"
+          >
+            Accordion content 1
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+  <View
+    style={
+      Array [
+        Object {
+          "backgroundColor": "#ffffff",
+          "borderRadius": 0,
+          "padding": 16,
+        },
+        undefined,
+      ]
+    }
+    themeVariant="default"
+  >
+    <View
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      nativeID="animatedComponent"
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        Object {
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          Array [
+            Object {
+              "color": "#292a2b",
+              "fontFamily": "BeVietnamPro-SemiBold",
+              "fontSize": 16,
+              "letterSpacing": 0.48,
+              "lineHeight": 24,
+            },
+            undefined,
+          ]
+        }
+        themeFontSize="large"
+        themeFontWeight="semi-bold"
+        themeIntent="body"
+      >
+        Accordion header 2
+      </Text>
+      <HeroIcon
+        name="arrow-down"
+        style={
+          Array [
+            Object {
+              "color": "#7622d7",
+              "fontSize": 20,
+            },
+            undefined,
+          ]
+        }
+        themeIntent="primary"
+        themeSize="small"
+      />
+    </View>
+    <View
+      collapsable={false}
+      nativeID="animatedComponent"
+      style={
+        Object {
+          "height": 0,
+          "margin": 0,
+          "overflow": "hidden",
+          "padding": 0,
+        }
+      }
+    >
+      <View
+        style={
+          Array [
+            Object {
+              "height": 1334,
+            },
+            undefined,
+          ]
+        }
+      >
+        <View
+          onLayout={[Function]}
+          style={
+            Array [
+              Object {
+                "margin": 0,
+                "padding": 0,
+              },
+              Array [
+                Object {
+                  "paddingTop": 16,
+                },
+                undefined,
+              ],
+            ]
+          }
+        >
+          <Text
+            style={
+              Array [
+                Object {
+                  "color": "#292a2b",
+                  "fontFamily": "BeVietnamPro-Regular",
+                  "fontSize": 14,
+                  "letterSpacing": 0.42,
+                  "lineHeight": 22,
+                },
+                undefined,
+              ]
+            }
+            themeFontSize="medium"
+            themeFontWeight="regular"
+            themeIntent="body"
+          >
+            Accordion content 2
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;
+
+exports[`Accordion renders correctly when variant is card 1`] = `
+<View
+  style={
+    Array [
+      Object {},
+      undefined,
+    ]
+  }
+>
+  <View
+    style={
+      Array [
+        Object {
+          "backgroundColor": "#ffffff",
+          "borderRadius": 8,
+          "padding": 16,
+        },
+        undefined,
+      ]
+    }
+    themeVariant="card"
+  >
+    <View
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      nativeID="animatedComponent"
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        Object {
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          Array [
+            Object {
+              "color": "#292a2b",
+              "fontFamily": "BeVietnamPro-SemiBold",
+              "fontSize": 16,
+              "letterSpacing": 0.48,
+              "lineHeight": 24,
+            },
+            undefined,
+          ]
+        }
+        themeFontSize="large"
+        themeFontWeight="semi-bold"
+        themeIntent="body"
+      >
+        Accordion header 1
+      </Text>
+      <HeroIcon
+        name="arrow-down"
+        style={
+          Array [
+            Object {
+              "color": "#7622d7",
+              "fontSize": 20,
+            },
+            undefined,
+          ]
+        }
+        themeIntent="primary"
+        themeSize="small"
+      />
+    </View>
+    <View
+      collapsable={false}
+      nativeID="animatedComponent"
+      style={
+        Object {
+          "height": 0,
+          "margin": 0,
+          "overflow": "hidden",
+          "padding": 0,
+        }
+      }
+    >
+      <View
+        style={
+          Array [
+            Object {
+              "height": 1334,
+            },
+            undefined,
+          ]
+        }
+      >
+        <View
+          onLayout={[Function]}
+          style={
+            Array [
+              Object {
+                "margin": 0,
+                "padding": 0,
+              },
+              Array [
+                Object {
+                  "paddingTop": 16,
+                },
+                undefined,
+              ],
+            ]
+          }
+        >
+          <Text
+            style={
+              Array [
+                Object {
+                  "color": "#292a2b",
+                  "fontFamily": "BeVietnamPro-Regular",
+                  "fontSize": 14,
+                  "letterSpacing": 0.42,
+                  "lineHeight": 22,
+                },
+                undefined,
+              ]
+            }
+            themeFontSize="medium"
+            themeFontWeight="regular"
+            themeIntent="body"
+          >
+            Accordion content 1
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+  <View
+    style={
+      Array [
+        Object {
+          "paddingTop": 16,
+        },
+        undefined,
+      ]
+    }
+    testID="accordion-spacer"
+  />
+  <View
+    style={
+      Array [
+        Object {
+          "backgroundColor": "#ffffff",
+          "borderRadius": 8,
+          "padding": 16,
+        },
+        undefined,
+      ]
+    }
+    themeVariant="card"
+  >
+    <View
+      accessible={true}
+      collapsable={false}
+      focusable={true}
+      nativeID="animatedComponent"
+      onClick={[Function]}
+      onResponderGrant={[Function]}
+      onResponderMove={[Function]}
+      onResponderRelease={[Function]}
+      onResponderTerminate={[Function]}
+      onResponderTerminationRequest={[Function]}
+      onStartShouldSetResponder={[Function]}
+      style={
+        Object {
+          "flexDirection": "row",
+          "justifyContent": "space-between",
+          "opacity": 1,
+        }
+      }
+    >
+      <Text
+        style={
+          Array [
+            Object {
+              "color": "#292a2b",
+              "fontFamily": "BeVietnamPro-SemiBold",
+              "fontSize": 16,
+              "letterSpacing": 0.48,
+              "lineHeight": 24,
+            },
+            undefined,
+          ]
+        }
+        themeFontSize="large"
+        themeFontWeight="semi-bold"
+        themeIntent="body"
+      >
+        Accordion header 2
+      </Text>
+      <HeroIcon
+        name="arrow-down"
+        style={
+          Array [
+            Object {
+              "color": "#7622d7",
+              "fontSize": 20,
+            },
+            undefined,
+          ]
+        }
+        themeIntent="primary"
+        themeSize="small"
+      />
+    </View>
+    <View
+      collapsable={false}
+      nativeID="animatedComponent"
+      style={
+        Object {
+          "height": 0,
+          "margin": 0,
+          "overflow": "hidden",
+          "padding": 0,
+        }
+      }
+    >
+      <View
+        style={
+          Array [
+            Object {
+              "height": 1334,
+            },
+            undefined,
+          ]
+        }
+      >
+        <View
+          onLayout={[Function]}
+          style={
+            Array [
+              Object {
+                "margin": 0,
+                "padding": 0,
+              },
+              Array [
+                Object {
+                  "paddingTop": 16,
+                },
+                undefined,
+              ],
+            ]
+          }
+        >
+          <Text
+            style={
+              Array [
+                Object {
+                  "color": "#292a2b",
+                  "fontFamily": "BeVietnamPro-Regular",
+                  "fontSize": 14,
+                  "letterSpacing": 0.42,
+                  "lineHeight": 22,
+                },
+                undefined,
+              ]
+            }
+            themeFontSize="medium"
+            themeFontWeight="regular"
+            themeIntent="body"
+          >
+            Accordion content 2
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;