@expo/html-elements 0.12.2 → 0.12.4

package/src/elements/__tests__/Text.test.ios.tsx

@@ -0,0 +1,102 @@
+import 'react-native';
+import { render } from '@testing-library/react-native';
+import * as React from 'react';
+
+import {
+  B,
+  BlockQuote,
+  BR,
+  Pre,
+  Code,
+  Del,
+  EM,
+  I,
+  Mark,
+  P,
+  Q,
+  S,
+  Span,
+  Strong,
+  Time,
+} from '../Text';
+
+it('renders P', () => {
+  const { toJSON } = render(<P>demo</P>);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders B', () => {
+  const { toJSON } = render(<B>demo</B>);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders Span', () => {
+  const { toJSON } = render(<Span>demo</Span>);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders Strong', () => {
+  const { toJSON } = render(<Strong>demo</Strong>);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders Del', () => {
+  const { toJSON } = render(<Del>demo</Del>);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders S', () => {
+  const { toJSON } = render(<S>demo</S>);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders I', () => {
+  const { toJSON } = render(<I>demo</I>);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders EM', () => {
+  const { toJSON } = render(<EM>demo</EM>);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders BR', () => {
+  const { toJSON } = render(<BR />);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders Code', () => {
+  const { toJSON } = render(<Code />);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders Q', () => {
+  const { toJSON } = render(<Q>demo</Q>);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders BlockQuote', () => {
+  const { toJSON } = render(<BlockQuote />);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders Mark', () => {
+  const { toJSON } = render(<Mark />);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders Time', () => {
+  const { toJSON } = render(<Time dateTime="2001-05-15T19:00">May 15</Time>);
+  expect(toJSON()).toMatchSnapshot();
+});
+
+it('renders Pre', () => {
+  const { toJSON } = render(
+    <Pre>{`
+    body {
+      color: red;
+    }
+  `}</Pre>
+  );
+  expect(toJSON()).toMatchSnapshot();
+});

package/src/elements/__tests__/__snapshots__/Anchor-test.tsx.snap.android

@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders A 1`] = `
+<Text
+  onPress={[Function]}
+  role="link"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Anchor-test.tsx.snap.ios

@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders A 1`] = `
+<Text
+  onPress={[Function]}
+  role="link"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Anchor-test.tsx.snap.web

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders A 1`] = `
+<a
+  className="css-text-146c3p1"
+  dir="auto"
+  href="#"
+  ref={[Function]}
+  role="link"
+  target="_parent"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Anchor.test.ios.tsx.snap.ios

@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders A 1`] = `
+<Text
+  onPress={[Function]}
+  role="link"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Anchor.test.tsx.snap.android

@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders A 1`] = `
+<Text
+  onPress={[Function]}
+  role="link"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Anchor.test.tsx.snap.ios

@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders A 1`] = `
+<Text
+  onPress={[Function]}
+  role="link"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Anchor.test.tsx.snap.web

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders A 1`] = `
+<a
+  className="css-text-146c3p1"
+  dir="auto"
+  href="#"
+  ref={[Function]}
+  role="link"
+  target="_parent"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Headings-test.tsx.snap.android

@@ -0,0 +1,79 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders H1 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 64,
+      "fontWeight": "bold",
+      "marginVertical": 21.44,
+    }
+  }
+/>
+`;
+
+exports[`renders H2 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 48,
+      "fontWeight": "bold",
+      "marginVertical": 26.56,
+    }
+  }
+/>
+`;
+
+exports[`renders H3 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 37.44,
+      "fontWeight": "bold",
+      "marginVertical": 32,
+    }
+  }
+/>
+`;
+
+exports[`renders H4 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 32,
+      "fontWeight": "bold",
+      "marginVertical": 42.56,
+    }
+  }
+/>
+`;
+
+exports[`renders H5 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 26.56,
+      "fontWeight": "bold",
+      "marginVertical": 53.44,
+    }
+  }
+/>
+`;
+
+exports[`renders H6 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 21.44,
+      "fontWeight": "bold",
+      "marginVertical": 74.56,
+    }
+  }
+/>
+`;

package/src/elements/__tests__/__snapshots__/Headings-test.tsx.snap.ios

@@ -0,0 +1,79 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders H1 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 64,
+      "fontWeight": "bold",
+      "marginVertical": 21.44,
+    }
+  }
+/>
+`;
+
+exports[`renders H2 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 48,
+      "fontWeight": "bold",
+      "marginVertical": 26.56,
+    }
+  }
+/>
+`;
+
+exports[`renders H3 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 37.44,
+      "fontWeight": "bold",
+      "marginVertical": 32,
+    }
+  }
+/>
+`;
+
+exports[`renders H4 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 32,
+      "fontWeight": "bold",
+      "marginVertical": 42.56,
+    }
+  }
+/>
+`;
+
+exports[`renders H5 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 26.56,
+      "fontWeight": "bold",
+      "marginVertical": 53.44,
+    }
+  }
+/>
+`;
+
+exports[`renders H6 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 21.44,
+      "fontWeight": "bold",
+      "marginVertical": 74.56,
+    }
+  }
+/>
+`;

package/src/elements/__tests__/__snapshots__/Headings-test.tsx.snap.web

@@ -0,0 +1,61 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders H1 1`] = `
+<h1
+  aria-level={1}
+  className="css-text-146c3p1 r-fontSize-6e8ixz r-fontWeight-vw2c0b r-marginBlock-19oforl"
+  dir="auto"
+  ref={[Function]}
+  role="heading"
+/>
+`;
+
+exports[`renders H2 1`] = `
+<h2
+  aria-level={2}
+  className="css-text-146c3p1 r-fontSize-1lijs1h r-fontWeight-vw2c0b r-marginBlock-1u31v3z"
+  dir="auto"
+  ref={[Function]}
+  role="heading"
+/>
+`;
+
+exports[`renders H3 1`] = `
+<h3
+  aria-level={3}
+  className="css-text-146c3p1 r-fontSize-tg2c11 r-fontWeight-vw2c0b r-marginBlock-11nzuo4"
+  dir="auto"
+  ref={[Function]}
+  role="heading"
+/>
+`;
+
+exports[`renders H4 1`] = `
+<h4
+  aria-level={4}
+  className="css-text-146c3p1 r-fontSize-bzi31h r-fontWeight-vw2c0b r-marginBlock-1hga0el"
+  dir="auto"
+  ref={[Function]}
+  role="heading"
+/>
+`;
+
+exports[`renders H5 1`] = `
+<h5
+  aria-level={5}
+  className="css-text-146c3p1 r-fontSize-n230yh r-fontWeight-vw2c0b r-marginBlock-1946khe"
+  dir="auto"
+  ref={[Function]}
+  role="heading"
+/>
+`;
+
+exports[`renders H6 1`] = `
+<h6
+  aria-level={6}
+  className="css-text-146c3p1 r-fontSize-ydqdv4 r-fontWeight-vw2c0b r-marginBlock-1jm7qrm"
+  dir="auto"
+  ref={[Function]}
+  role="heading"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Headings.test.ios.tsx.snap.ios

@@ -0,0 +1,79 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders H1 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 64,
+      "fontWeight": "bold",
+      "marginVertical": 21.44,
+    }
+  }
+/>
+`;
+
+exports[`renders H2 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 48,
+      "fontWeight": "bold",
+      "marginVertical": 26.56,
+    }
+  }
+/>
+`;
+
+exports[`renders H3 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 37.44,
+      "fontWeight": "bold",
+      "marginVertical": 32,
+    }
+  }
+/>
+`;
+
+exports[`renders H4 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 32,
+      "fontWeight": "bold",
+      "marginVertical": 42.56,
+    }
+  }
+/>
+`;
+
+exports[`renders H5 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 26.56,
+      "fontWeight": "bold",
+      "marginVertical": 53.44,
+    }
+  }
+/>
+`;
+
+exports[`renders H6 1`] = `
+<Text
+  accessibilityRole="header"
+  style={
+    {
+      "fontSize": 21.44,
+      "fontWeight": "bold",
+      "marginVertical": 74.56,
+    }
+  }
+/>
+`;

package/src/elements/__tests__/__snapshots__/Layout-test.tsx.snap.android

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders Article 1`] = `<View />`;
+
+exports[`renders Aside 1`] = `<View />`;
+
+exports[`renders Footer 1`] = `<View />`;
+
+exports[`renders Header 1`] = `
+<View
+  accessibilityRole="header"
+/>
+`;
+
+exports[`renders Main 1`] = `<View />`;
+
+exports[`renders Nav 1`] = `<View />`;
+
+exports[`renders Section 1`] = `
+<View
+  role="summary"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Layout-test.tsx.snap.ios

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders Article 1`] = `<View />`;
+
+exports[`renders Aside 1`] = `<View />`;
+
+exports[`renders Footer 1`] = `<View />`;
+
+exports[`renders Header 1`] = `
+<View
+  accessibilityRole="header"
+/>
+`;
+
+exports[`renders Main 1`] = `<View />`;
+
+exports[`renders Nav 1`] = `<View />`;
+
+exports[`renders Section 1`] = `
+<View
+  role="summary"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Layout-test.tsx.snap.web

@@ -0,0 +1,64 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders Article 1`] = `
+<article
+  className="css-view-g5y9jx"
+  dir={null}
+  ref={[Function]}
+  role="article"
+/>
+`;
+
+exports[`renders Aside 1`] = `
+<aside
+  className="css-view-g5y9jx"
+  dir={null}
+  ref={[Function]}
+  role="complementary"
+/>
+`;
+
+exports[`renders Footer 1`] = `
+<footer
+  className="css-view-g5y9jx"
+  dir={null}
+  ref={[Function]}
+  role="contentinfo"
+/>
+`;
+
+exports[`renders Header 1`] = `
+<header
+  className="css-view-g5y9jx"
+  dir={null}
+  ref={[Function]}
+  role="banner"
+/>
+`;
+
+exports[`renders Main 1`] = `
+<main
+  className="css-view-g5y9jx"
+  dir={null}
+  ref={[Function]}
+  role="main"
+/>
+`;
+
+exports[`renders Nav 1`] = `
+<nav
+  className="css-view-g5y9jx"
+  dir={null}
+  ref={[Function]}
+  role="navigation"
+/>
+`;
+
+exports[`renders Section 1`] = `
+<section
+  className="css-view-g5y9jx"
+  dir={null}
+  ref={[Function]}
+  role="region"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Layout.test.ios.tsx.snap.ios

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders Article 1`] = `<View />`;
+
+exports[`renders Aside 1`] = `<View />`;
+
+exports[`renders Footer 1`] = `<View />`;
+
+exports[`renders Header 1`] = `
+<View
+  accessibilityRole="header"
+/>
+`;
+
+exports[`renders Main 1`] = `<View />`;
+
+exports[`renders Nav 1`] = `<View />`;
+
+exports[`renders Section 1`] = `
+<View
+  role="summary"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Layout.test.tsx.snap.android

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders Article 1`] = `<View />`;
+
+exports[`renders Aside 1`] = `<View />`;
+
+exports[`renders Footer 1`] = `<View />`;
+
+exports[`renders Header 1`] = `
+<View
+  accessibilityRole="header"
+/>
+`;
+
+exports[`renders Main 1`] = `<View />`;
+
+exports[`renders Nav 1`] = `<View />`;
+
+exports[`renders Section 1`] = `
+<View
+  role="summary"
+/>
+`;

package/src/elements/__tests__/__snapshots__/Layout.test.tsx.snap.ios

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders Article 1`] = `<View />`;
+
+exports[`renders Aside 1`] = `<View />`;
+
+exports[`renders Footer 1`] = `<View />`;
+
+exports[`renders Header 1`] = `
+<View
+  accessibilityRole="header"
+/>
+`;
+
+exports[`renders Main 1`] = `<View />`;
+
+exports[`renders Nav 1`] = `<View />`;
+
+exports[`renders Section 1`] = `
+<View
+  role="summary"
+/>
+`;