@tamagui/react-native-web-internals 2.7.7 → 3.0.0-beta.1093.1

package/src/StyleSheet/__tests__/validate-test.tsx

@@ -1,42 +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 { validate } from '../validate'
-
-describe('validate', () => {
-  beforeAll(() => {
-    jest.spyOn(console, 'error').mockImplementation(() => {})
-  })
-  afterAll(() => {
-    console.error.mockRestore()
-  })
-  afterEach(() => {
-    console.error.mockClear()
-  })
-
-  test('invalid shortform properties', () => {
-    validate({ background: 'red' })
-    validate({ font: 'arial' })
-    validate({ borderTop: '1px solid red' })
-    expect(console.error).toHaveBeenCalled()
-  })
-
-  test('valid shortform values', () => {
-    validate({ flex: 1 })
-    validate({ margin: 10 })
-    validate({ margin: 'calc(10 * 1px)' })
-    validate({ margin: 'calc(10 * calc(10 * 1px))' })
-    expect(console.error).not.toHaveBeenCalled()
-  })
-
-  test('invalid shortform multi-values', () => {
-    validate({ flex: '1 1 25%' })
-    validate({ margin: '10px 20px' })
-    validate({ margin: 'calc(10 * 1px) var(--test)' })
-    expect(console.error).toHaveBeenCalledTimes(3)
-  })
-})

package/src/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.tsx

@@ -1,44 +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 propsToAccessibilityComponent from '../propsToAccessibilityComponent'
-
-describe('modules/AccessibilityUtil/propsToAccessibilityComponent', () => {
-  test('when missing accessibility props"', () => {
-    expect(propsToAccessibilityComponent({})).toBeUndefined()
-  })
-
-  test('when "accessibilityRole" is "button"', () => {
-    expect(propsToAccessibilityComponent({ accessibilityRole: 'button' })).toBeUndefined()
-  })
-
-  test('when "accessibilityRole" is "heading"', () => {
-    expect(propsToAccessibilityComponent({ accessibilityRole: 'heading' })).toEqual('h1')
-  })
-
-  test('when "accessibilityRole" is "heading" and "aria-level" is set', () => {
-    expect(
-      propsToAccessibilityComponent({
-        accessibilityRole: 'heading',
-        'aria-level': 3,
-      })
-    ).toEqual('h3')
-  })
-
-  test('when "accessibilityRole" is "heading" and "accessibilityLevel" is set', () => {
-    expect(
-      propsToAccessibilityComponent({
-        accessibilityRole: 'heading',
-        accessibilityLevel: 3,
-      })
-    ).toEqual('h3')
-  })
-
-  test('when "accessibilityRole" is "label"', () => {
-    expect(propsToAccessibilityComponent({ accessibilityRole: 'label' })).toEqual('label')
-  })
-})

package/src/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.tsx

@@ -1,25 +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 propsToAriaRole from '../propsToAriaRole'
-
-describe('modules/AccessibilityUtil/propsToAriaRole', () => {
-  test('when missing accessibility props', () => {
-    expect(propsToAriaRole({})).toBeUndefined()
-  })
-
-  test('when "accessibilityRole" is defined', () => {
-    expect(propsToAriaRole({ accessibilityRole: 'banner' })).toEqual('banner')
-  })
-
-  test('when "accessibilityRole" is a native-only value', () => {
-    expect(propsToAriaRole({ accessibilityRole: 'none' })).toEqual('presentation')
-    expect(propsToAriaRole({ accessibilityRole: 'imagebutton' })).toEqual(undefined)
-    // not really native-only, but used to allow Web to render <label> around TextInput
-    expect(propsToAriaRole({ accessibilityRole: 'label' })).toEqual(undefined)
-  })
-})

package/src/modules/Platform/__tests__/index-test.tsx

@@ -1,45 +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 Platform from '..'
-
-describe('apis/Platform', () => {
-  describe('select', () => {
-    test('supports "default"', () => {
-      expect(Platform.select({ default: 'default' })).toEqual('default')
-    })
-
-    test('chooses "web"', () => {
-      expect(
-        Platform.select({
-          android: 'android',
-          ios: 'ios',
-          web: 'web',
-          default: 'default',
-        })
-      ).toEqual('web')
-    })
-  })
-
-  describe('isTesting', () => {
-    const NODE_ENV_BACKUP = process.env.NODE_ENV
-
-    afterEach(() => {
-      process.env.NODE_ENV = NODE_ENV_BACKUP
-    })
-
-    test('true when NODE_ENV is "test"', () => {
-      process.env.NODE_ENV = 'test'
-      expect(Platform.isTesting).toEqual(true)
-    })
-
-    test('false when NODE_ENV is not "test"', () => {
-      process.env.NODE_ENV = 'development'
-      expect(Platform.isTesting).toEqual(false)
-    })
-  })
-})

package/src/modules/UIManager/__tests__/index-test.tsx

@@ -1,87 +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 UIManager from '..'
-
-const createStyledNode = (name = 'div', style = {}) => {
-  const root = document.createElement(name)
-  Object.keys(style).forEach((prop) => {
-    root.style[prop] = style[prop]
-  })
-  return root
-}
-
-const componentStub = {
-  _reactInternalInstance: {
-    _currentElement: { _owner: {} },
-    _debugID: 1,
-  },
-}
-
-describe('apis/UIManager', () => {
-  describe('focus', () => {
-    test('sets tabIndex="-1" on elements not programmatically focusable by default', () => {
-      const node = createStyledNode()
-      UIManager.focus(node)
-      expect(node.getAttribute('tabIndex')).toEqual('-1')
-    })
-
-    test('doesn\'t set tabIndex="-1" on elements with an existing tabIndex', () => {
-      const node = createStyledNode()
-      node.tabIndex = 0
-      UIManager.focus(node)
-      expect(node.getAttribute('tabIndex')).toEqual('0')
-    })
-
-    test('doesn\'t set tabIndex="-1" on elements focusable by default', () => {
-      ;['a', 'input', 'select', 'textarea'].forEach((name) => {
-        const node = createStyledNode(name)
-        UIManager.focus(node)
-        expect(node.getAttribute('tabIndex')).toBeNull()
-      })
-    })
-  })
-
-  describe('updateView', () => {
-    test('supports className alias for class', () => {
-      const node = createStyledNode()
-      const props = { className: 'extra' }
-      UIManager.updateView(node, props, componentStub)
-      expect(node.getAttribute('class')).toEqual('extra')
-    })
-
-    test('adds correct DOM styles to existing style', () => {
-      const node = createStyledNode('div', { color: 'red' })
-      const props = { style: { marginTop: 0, marginBottom: 0, opacity: 0 } }
-      UIManager.updateView(node, props, componentStub)
-      expect(node.getAttribute('style')).toEqual(
-        'color: red; margin-top: 0px; margin-bottom: 0px; opacity: 0;'
-      )
-    })
-
-    test('replaces input and textarea text', () => {
-      const node = createStyledNode('textarea')
-      node.value = 'initial'
-      const textProp = { text: 'expected-text' }
-      const valueProp = { value: 'expected-value' }
-
-      UIManager.updateView(node, textProp)
-      expect(node.value).toEqual('expected-text')
-
-      UIManager.updateView(node, valueProp)
-      expect(node.value).toEqual('expected-value')
-    })
-
-    test('sets other attribute values', () => {
-      const node = createStyledNode()
-      const props = { 'aria-level': '4', 'data-of-type': 'string' }
-      UIManager.updateView(node, props)
-      expect(node.getAttribute('aria-level')).toEqual('4')
-      expect(node.getAttribute('data-of-type')).toEqual('string')
-    })
-  })
-})

package/src/modules/createDOMProps/__tests__/index-test.tsx

@@ -1,138 +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 createDOMProps from '..'
-
-const createProps = (props) => createDOMProps(null, props)
-
-describe('modules/createDOMProps', () => {
-  describe('focus-related accessibility attributes', () => {
-    test('with no accessibility props', () => {
-      expect(createProps({})).toEqual({})
-    })
-
-    describe('"accessibilityRole" of "link"', () => {
-      const accessibilityRole = 'link'
-
-      test('default case', () => {
-        expect(createProps({ accessibilityRole })).toEqual(
-          expect.not.objectContaining({ tabIndex: '-1' })
-        )
-      })
-
-      test('when "focusable" is true', () => {
-        expect(createProps({ accessibilityRole, focusable: true })).toEqual(
-          expect.not.objectContaining({ tabIndex: '-1' })
-        )
-      })
-
-      test('when "focusable" is false', () => {
-        expect(createProps({ accessibilityRole, focusable: false })).toEqual(
-          expect.objectContaining({ tabIndex: '-1' })
-        )
-      })
-
-      test('when "accessibilityDisabled" is true', () => {
-        expect(createProps({ accessibilityRole, accessibilityDisabled: true })).toEqual(
-          expect.objectContaining({ 'aria-disabled': true })
-        )
-      })
-
-      test('when "disabled" is false', () => {
-        expect(createProps({ accessibilityRole, accessibilityDisabled: false })).toEqual(
-          expect.not.objectContaining({ tabIndex: '-1' })
-        )
-      })
-    })
-
-    const testFocusableRole = (accessibilityRole) => {
-      test('default case', () => {
-        expect(createProps({ accessibilityRole })).toEqual(
-          expect.objectContaining({ tabIndex: '0' })
-        )
-      })
-
-      test('when "focusable" is true', () => {
-        expect(createProps({ accessibilityRole, focusable: true })).toEqual(
-          expect.objectContaining({ tabIndex: '0' })
-        )
-      })
-
-      test('when "focusable" is false', () => {
-        expect(createProps({ accessibilityRole, focusable: false })).toEqual(
-          expect.objectContaining({ tabIndex: '-1' })
-        )
-      })
-
-      test('when "accessibilityDisabled" is true', () => {
-        expect(createProps({ accessibilityRole, accessibilityDisabled: true })).toEqual(
-          expect.objectContaining({ 'aria-disabled': true })
-        )
-      })
-
-      test('when "accessibilityDisabled" is false', () => {
-        expect(createProps({ accessibilityRole, accessibilityDisabled: false })).toEqual(
-          expect.objectContaining({ tabIndex: '0' })
-        )
-      })
-    }
-
-    describe('"accessibilityRole" of "button"', () => {
-      testFocusableRole('button')
-    })
-
-    describe('with unfocusable accessibilityRole', () => {
-      test('when "focusable" is true', () => {
-        expect(createProps({ focusable: true })).toEqual(
-          expect.objectContaining({ tabIndex: '0' })
-        )
-      })
-
-      test('when "focusable" is false', () => {
-        expect(createProps({ focusable: false })).toEqual(
-          expect.objectContaining({ tabIndex: '-1' })
-        )
-      })
-    })
-  })
-
-  test('prop "accessibilityLabel" becomes "aria-label"', () => {
-    const accessibilityLabel = 'accessibilityLabel'
-    const props = createProps({ accessibilityLabel })
-    expect(props['aria-label']).toEqual(accessibilityLabel)
-  })
-
-  test('prop "accessibilityLiveRegion" becomes "aria-live"', () => {
-    const accessibilityLiveRegion = 'none'
-    const props = createProps({ accessibilityLiveRegion })
-    expect(props['aria-live']).toEqual('off')
-  })
-
-  test('prop "accessibilityRole" becomes "role"', () => {
-    const accessibilityRole = 'button'
-    const props = createProps({ accessibilityRole })
-    expect(props.role).toEqual('button')
-  })
-
-  test('prop "className" is preserved', () => {
-    const className = 'external-class-name'
-    const props = createProps({ className })
-    expect(props.className).toEqual(className)
-  })
-
-  test('prop "nativeID" becomes "id"', () => {
-    const nativeID = 'Example.nativeID'
-    const props = createProps({ nativeID })
-    expect(props.id).toEqual(nativeID)
-  })
-
-  test('prop "testID" becomes "data-testid"', () => {
-    const testID = 'Example.testID'
-    const props = createProps({ testID })
-    expect(props['data-testid']).toEqual(testID)
-  })
-})