@tamagui/react-native-web-lite 2.7.7 → 3.0.0-beta.643.1

package/src/AppRegistry/__tests__/index-test.node.tsx

@@ -1,144 +0,0 @@
-/**
- * Copyright (c) Nicolas Gallagher.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import React from 'react'
-import ReactDOMServer from 'react-dom/server'
-
-import StyleSheet from '../../StyleSheet/index'
-import View from '../../View'
-import AppRegistry from '..'
-
-const NoopComponent = () => React.createElement('div')
-
-describe('AppRegistry', () => {
-  describe('getApplication', () => {
-    test('does not throw when missing appParameters', () => {
-      AppRegistry.registerComponent('App', () => NoopComponent)
-      expect(() => AppRegistry.getApplication('App')).not.toThrow()
-    })
-
-    test('returns "element" and "getStyleElement"', () => {
-      AppRegistry.registerComponent('App', () => NoopComponent)
-      const { element, getStyleElement } = AppRegistry.getApplication('App', {})
-      const styleElement = ReactDOMServer.renderToStaticMarkup(getStyleElement())
-
-      expect(element).toMatchInlineSnapshot(`
-        <AppContainer
-          rootTag={{}}
-        >
-          <NoopComponent />
-        </AppContainer>
-      `)
-      expect(styleElement).toMatchInlineSnapshot(`
-        "<style id=\\"react-native-stylesheet\\">[stylesheet-group=\\"0\\"]{}
-        body{margin:0;}
-        button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
-        html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-        input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
-        [stylesheet-group=\\"1\\"]{}
-        .css-view-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
-        [stylesheet-group=\\"2\\"]{}
-        .r-display-xoduu5{display:inline-flex;}
-        .r-flex-13awgt0{flex:1;}
-        [stylesheet-group=\\"2.2\\"]{}
-        .r-bottom-1p0dtai{bottom:0px;}
-        .r-left-1d2f490{left:0px;}
-        .r-pointerEvents-105ug2t{pointer-events:auto!important;}
-        .r-pointerEvents-12vffkv>*{pointer-events:auto;}
-        .r-pointerEvents-12vffkv{pointer-events:none!important;}
-        .r-pointerEvents-633pao{pointer-events:none!important;}
-        .r-pointerEvents-ah5dr5>*{pointer-events:none;}
-        .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
-        .r-position-u8s1d{position:absolute;}
-        .r-right-zchlnj{right:0px;}
-        .r-top-ipm5af{top:0px;}</style>"
-      `)
-    })
-
-    test('"getStyleElement" adds props to <style>', () => {
-      const nonce = '2Bz9RM/UHvBbmo3jK/PbYZ=='
-      AppRegistry.registerComponent('App', () => NoopComponent)
-      const { getStyleElement } = AppRegistry.getApplication('App', {})
-      const styleElement = getStyleElement({ nonce })
-      expect(styleElement.props.nonce).toBe(nonce)
-    })
-
-    test('"getStyleElement" contains style updates', () => {
-      const getApplicationStyles = (appName) => {
-        const { getStyleElement } = AppRegistry.getApplication(appName, {})
-        return getStyleElement().props.dangerouslySetInnerHTML.__html
-      }
-
-      // First render "RootComponent"
-      const RootComponent = () => React.createElement(View)
-      AppRegistry.registerComponent('App', () => RootComponent)
-      const first = getApplicationStyles('App')
-      expect(first).toMatchInlineSnapshot(`
-        "[stylesheet-group=\\"0\\"]{}
-        body{margin:0;}
-        button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
-        html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-        input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
-        [stylesheet-group=\\"1\\"]{}
-        .css-view-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
-        [stylesheet-group=\\"2\\"]{}
-        .r-display-xoduu5{display:inline-flex;}
-        .r-flex-13awgt0{flex:1;}
-        [stylesheet-group=\\"2.2\\"]{}
-        .r-bottom-1p0dtai{bottom:0px;}
-        .r-left-1d2f490{left:0px;}
-        .r-pointerEvents-105ug2t{pointer-events:auto!important;}
-        .r-pointerEvents-12vffkv>*{pointer-events:auto;}
-        .r-pointerEvents-12vffkv{pointer-events:none!important;}
-        .r-pointerEvents-633pao{pointer-events:none!important;}
-        .r-pointerEvents-ah5dr5>*{pointer-events:none;}
-        .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
-        .r-position-u8s1d{position:absolute;}
-        .r-right-zchlnj{right:0px;}
-        .r-top-ipm5af{top:0px;}"
-      `)
-
-      // Second render "AlternativeComponent"
-      const styles = StyleSheet.create({
-        root: { borderWidth: 1234, backgroundColor: 'purple' },
-      })
-      const AlternativeComponent = () => React.createElement(View, { style: styles.root })
-      AppRegistry.registerComponent('AlternativeApp', () => AlternativeComponent)
-      const second = getApplicationStyles('AlternativeApp')
-      expect(second).toMatchInlineSnapshot(`
-        "[stylesheet-group=\\"0\\"]{}
-        body{margin:0;}
-        button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
-        html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
-        input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
-        [stylesheet-group=\\"1\\"]{}
-        .css-view-175oi2r{align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
-        [stylesheet-group=\\"2\\"]{}
-        .r-borderWidth-1bee2fs{border-bottom-width:1234px;border-left-width:1234px;border-right-width:1234px;border-top-width:1234px;}
-        .r-display-xoduu5{display:inline-flex;}
-        .r-flex-13awgt0{flex:1;}
-        [stylesheet-group=\\"2.2\\"]{}
-        .r-backgroundColor-aot4c7{background-color:rgba(128,0,128,1.00);}
-        .r-bottom-1p0dtai{bottom:0px;}
-        .r-left-1d2f490{left:0px;}
-        .r-pointerEvents-105ug2t{pointer-events:auto!important;}
-        .r-pointerEvents-12vffkv>*{pointer-events:auto;}
-        .r-pointerEvents-12vffkv{pointer-events:none!important;}
-        .r-pointerEvents-633pao{pointer-events:none!important;}
-        .r-pointerEvents-ah5dr5>*{pointer-events:none;}
-        .r-pointerEvents-ah5dr5{pointer-events:auto!important;}
-        .r-position-u8s1d{position:absolute;}
-        .r-right-zchlnj{right:0px;}
-        .r-top-ipm5af{top:0px;}"
-      `)
-
-      // Third render "RootComponent" again
-      const third = getApplicationStyles('App')
-      expect(third).toEqual(second)
-    })
-  })
-})

package/src/AppRegistry/__tests__/index-test.tsx

@@ -1,94 +0,0 @@
-/**
- * Copyright (c) Nicolas Gallagher.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import React from 'react'
-
-import AppRegistry from '..'
-
-const NoopComponent = () => React.createElement('div')
-
-describe('AppRegistry', () => {
-  describe('runApplication', () => {
-    let rootTag
-
-    beforeEach(() => {
-      rootTag = document.createElement('div')
-      rootTag.id = 'react-root'
-      document.body.appendChild(rootTag)
-    })
-
-    afterEach(() => {
-      document.body.removeChild(rootTag)
-    })
-
-    test('callback after render', () => {
-      const callback = jest.fn()
-      AppRegistry.registerComponent('App', () => NoopComponent)
-      AppRegistry.runApplication('App', {
-        initialProps: {},
-        rootTag,
-        callback,
-      })
-      expect(callback).toHaveBeenCalledTimes(1)
-    })
-
-    test('styles roots in different documents', () => {
-      AppRegistry.registerComponent('App', () => NoopComponent)
-      AppRegistry.runApplication('App', { initialProps: {}, rootTag })
-
-      // Create iframe context
-      const iframe = document.createElement('iframe')
-      document.body.appendChild(iframe)
-
-      const iframeRootTag = document.createElement('div')
-      iframeRootTag.id = 'react-iframe-root'
-      iframe.contentWindow.document.body.appendChild(iframeRootTag)
-
-      // Run in iframe
-      AppRegistry.registerComponent('App', () => NoopComponent)
-      AppRegistry.runApplication('App', {
-        initialProps: {},
-        rootTag: iframeRootTag,
-      })
-
-      const iframedoc = iframeRootTag.ownerDocument
-      expect(iframedoc).toBe(iframe.contentWindow.document)
-      expect(iframedoc).not.toBe(document)
-
-      const cssText = Array.prototype.slice
-        .call(iframedoc.getElementById('react-native-stylesheet').sheet.cssRules)
-        .map((cssRule) => cssRule.cssText)
-
-      expect(cssText).toMatchInlineSnapshot(`
-        [
-          "[stylesheet-group=\\"0\\"] {}",
-          "body {margin: 0;}",
-          "button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}",
-          "html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}",
-          "input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none;}",
-          "[stylesheet-group=\\"1\\"] {}",
-          ".css-view-175oi2r {align-items: stretch; background-color: rgba(0,0,0,0.00); border: 0 solid black; box-sizing: border-box; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; list-style: none; margin: 0px; min-height: 0px; min-width: 0px; padding: 0px; position: relative; text-decoration: none; z-index: 0;}",
-          "[stylesheet-group=\\"2\\"] {}",
-          ".r-display-xoduu5 {display: inline-flex;}",
-          ".r-flex-13awgt0 {flex: 1;}",
-          "[stylesheet-group=\\"2.2\\"] {}",
-          ".r-bottom-1p0dtai {bottom: 0px;}",
-          ".r-left-1d2f490 {left: 0px;}",
-          ".r-pointerEvents-105ug2t {pointer-events: auto !important;}",
-          ".r-pointerEvents-12vffkv>* {pointer-events: auto;}",
-          ".r-pointerEvents-12vffkv {pointer-events: none !important;}",
-          ".r-pointerEvents-633pao {pointer-events: none !important;}",
-          ".r-pointerEvents-ah5dr5>* {pointer-events: none;}",
-          ".r-pointerEvents-ah5dr5 {pointer-events: auto !important;}",
-          ".r-position-u8s1d {position: absolute;}",
-          ".r-right-zchlnj {right: 0px;}",
-          ".r-top-ipm5af {top: 0px;}",
-        ]
-      `)
-    })
-  })
-})

package/src/AppState/__tests__/index-test.tsx

@@ -1,24 +0,0 @@
-/**
- * Copyright (c) Nicolas Gallagher.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import AppState from '..'
-
-describe('apis/AppState', () => {
-  const handler = () => {}
-
-  describe('addEventListener', () => {
-    test('throws if the provided "eventType" is not supported', () => {
-      expect(() => AppState.addEventListener('foo', handler)).toThrow()
-      expect(() => AppState.addEventListener('change', handler).remove()).not.toThrow()
-    })
-
-    test('returns remove subscription', () => {
-      const subscription = AppState.addEventListener('change', handler)
-      expect(() => subscription.remove()).not.toThrow()
-    })
-  })
-})

package/src/Dimensions/__tests__/index-test.tsx

@@ -1,54 +0,0 @@
-/**
- * Copyright (c) Nicolas Gallagher.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import Dimensions from '..'
-
-describe('apis/Dimensions/index.js', () => {
-  test('get', () => {
-    expect(Dimensions.get('screen')).toMatchInlineSnapshot(`
-      {
-        "fontScale": 1,
-        "height": 0,
-        "scale": 1,
-        "width": 0,
-      }
-    `)
-    expect(Dimensions.get('window')).toMatchInlineSnapshot(`
-      {
-        "fontScale": 1,
-        "height": 768,
-        "scale": 1,
-        "width": 1024,
-      }
-    `)
-  })
-
-  test('set', () => {
-    expect(() => Dimensions.set({})).toThrow()
-  })
-
-  test('addEventListener', () => {
-    const handler = jest.fn()
-    const subscription = Dimensions.addEventListener('change', handler)
-    Dimensions._update()
-    expect(handler).toHaveBeenCalledTimes(1)
-    expect(handler).toHaveBeenLastCalledWith({
-      window: Dimensions.get('window'),
-      screen: Dimensions.get('screen'),
-    })
-    subscription.remove()
-    Dimensions._update()
-    expect(handler).toHaveBeenCalledTimes(1)
-  })
-
-  test('removeEventListener', () => {
-    const handler = jest.fn()
-    Dimensions.removeEventListener('change', handler)
-    Dimensions._update()
-    expect(handler).toHaveBeenCalledTimes(0)
-  })
-})

package/src/ImageBackground/__tests__/index-test.tsx

@@ -1,49 +0,0 @@
-/**
- * Copyright (c) Nicolas Gallagher.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { render } from '@testing-library/react'
-import React from 'react'
-
-import Text from '../../Text'
-import ImageBackground from '..'
-
-function findImage(container) {
-  return container.firstChild.firstChild
-}
-
-describe('components/ImageBackground', () => {
-  describe('prop "children"', () => {
-    test('render child content', () => {
-      const { getByText } = render(
-        <ImageBackground>
-          <Text>Hello World!</Text>
-        </ImageBackground>
-      )
-      expect(getByText('Hello World!')).toBeDefined()
-    })
-  })
-
-  describe('prop "imageStyle"', () => {
-    test('sets the style of the underlying Image', () => {
-      const imageStyle = { width: 40, height: 60 }
-      const { container } = render(<ImageBackground imageStyle={imageStyle} />)
-      expect(
-        findImage(container).getAttribute('style').includes('width: 40px; height: 60px;')
-      ).toBe(true)
-    })
-  })
-
-  describe('prop "style"', () => {
-    test('sets the style of the container View', () => {
-      const style = { margin: 40 }
-      const { container } = render(<ImageBackground style={style} />)
-      expect(container.firstChild.getAttribute('style')).toEqual(
-        'margin: 40px 40px 40px 40px;'
-      )
-    })
-  })
-})

package/src/Linking/__tests__/index-test.tsx

@@ -1,37 +0,0 @@
-/* eslint-env jasmine, jest */
-
-import Linking from '..'
-
-describe('apis/Linking', () => {
-  describe('openURL', () => {
-    test('calls open with a url and target', (done) => {
-      jest.spyOn(window, 'open').mockImplementationOnce((url, target, opener) => {
-        expect(url).toBe('http://foo.com/')
-        expect(target).toBe('target_name')
-        expect(opener).toBe('noopener')
-        done()
-      })
-      Linking.openURL('http://foo.com', 'target_name')
-    })
-
-    test('defaults target to _blank if not provided', (done) => {
-      jest.spyOn(window, 'open').mockImplementationOnce((url, target, opener) => {
-        expect(url).toBe('http://foo.com/')
-        expect(target).toBe('_blank')
-        expect(opener).toBe('noopener')
-        done()
-      })
-      Linking.openURL('http://foo.com')
-    })
-
-    test('accepts undefined as a target', (done) => {
-      jest.spyOn(window, 'open').mockImplementationOnce((url, target, opener) => {
-        expect(url).toBe('http://foo.com/')
-        expect(target).toBe(undefined)
-        expect(opener).toBe('noopener')
-        done()
-      })
-      Linking.openURL('http://foo.com', undefined)
-    })
-  })
-})

package/src/Pressable/__tests__/__snapshots__/index-test.js.snap

@@ -1,196 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`components/Pressable default 1`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable focus interaction 1`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable focus interaction 2`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  style="outline: focus-ring;"
-  tabindex="0"
->
-  <div
-    data-testid="focus-content"
-  />
-</div>
-`;
-
-exports[`components/Pressable focus interaction 3`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  style=""
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable hover interaction 1`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable hover interaction 2`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  style="outline: hover-ring;"
-  tabindex="0"
->
-  <div
-    data-testid="hover-content"
-  />
-</div>
-`;
-
-exports[`components/Pressable hover interaction 3`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  style=""
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable press interaction (keyboard) 1`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable press interaction (keyboard) 2`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  style="outline: press-ring;"
-  tabindex="0"
->
-  <div
-    data-testid="press-content"
-  />
-</div>
-`;
-
-exports[`components/Pressable press interaction (keyboard) 3`] = `null`;
-
-exports[`components/Pressable press interaction (pointer) 1`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable press interaction (pointer) 2`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  style="outline: press-ring;"
-  tabindex="0"
->
-  <div
-    data-testid="press-content"
-  />
-</div>
-`;
-
-exports[`components/Pressable press interaction (pointer) 3`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  style=""
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable prop "accessibilityLabel" value is set 1`] = `
-<div
-  aria-label="label"
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable prop "accessibilityLiveRegion" value is set 1`] = `
-<div
-  aria-live="polite"
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable prop "accessibilityRole" value alters HTML element 1`] = `
-<article
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  role="article"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable prop "accessibilityRole" value is "button" 1`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  role="button"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable prop "accessibilityRole" value is set 1`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  role="presentation"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable prop "disabled" 1`] = `
-<div
-  aria-disabled="true"
-  class="css-view-175oi2r r-pointerEvents-633pao"
-  tabindex="-1"
-/>
-`;
-
-exports[`components/Pressable prop "href" 1`] = `
-<a
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  href="#href"
-/>
-`;
-
-exports[`components/Pressable prop "nativeID" value is set 1`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  id="nativeID"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable prop "pointerEvents" 1`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73 r-pointerEvents-ah5dr5"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable prop "style" value is set 1`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  style="border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px;"
-  tabindex="0"
-/>
-`;
-
-exports[`components/Pressable prop "testID" value is set 1`] = `
-<div
-  class="css-view-175oi2r r-cursor-1loqt21 r-touchAction-1otgn73"
-  data-testid="123"
-  tabindex="0"
-/>
-`;