mirror of
https://github.com/zhigang1992/react-native-web.git
synced 2026-03-29 17:18:26 +08:00
Add tests for Image resizeMode
This commit is contained in:
@@ -3,9 +3,12 @@
|
||||
import * as utils from '../../../modules/specHelpers'
|
||||
import assert from 'assert'
|
||||
import React from 'react'
|
||||
import flattenStyle from '../../../apis/StyleSheet/flattenStyle'
|
||||
|
||||
import Image from '../'
|
||||
|
||||
const getStyleBackgroundSize = (element) => flattenStyle(element.props.style).backgroundSize
|
||||
|
||||
suite('components/Image', () => {
|
||||
test('default accessibility', () => {
|
||||
const dom = utils.renderToDOM(<Image />)
|
||||
@@ -61,10 +64,47 @@ suite('components/Image', () => {
|
||||
|
||||
test('prop "onLoadStart"')
|
||||
|
||||
test('prop "resizeMode"')
|
||||
suite('prop "resizeMode"', () => {
|
||||
test('value "contain"', () => {
|
||||
const result = utils.shallowRender(<Image resizeMode={Image.resizeMode.contain} />)
|
||||
assert.equal(getStyleBackgroundSize(result), 'contain')
|
||||
})
|
||||
|
||||
test('value "cover"', () => {
|
||||
const result = utils.shallowRender(<Image resizeMode={Image.resizeMode.cover} />)
|
||||
assert.equal(getStyleBackgroundSize(result), 'cover')
|
||||
})
|
||||
|
||||
test('value "none"', () => {
|
||||
const result = utils.shallowRender(<Image resizeMode={Image.resizeMode.none} />)
|
||||
assert.equal(getStyleBackgroundSize(result), 'auto')
|
||||
})
|
||||
|
||||
test('value "stretch"', () => {
|
||||
const result = utils.shallowRender(<Image resizeMode={Image.resizeMode.stretch} />)
|
||||
assert.equal(getStyleBackgroundSize(result), '100% 100%')
|
||||
})
|
||||
|
||||
test('no value', () => {
|
||||
const result = utils.shallowRender(<Image />)
|
||||
assert.equal(getStyleBackgroundSize(result), 'cover')
|
||||
})
|
||||
})
|
||||
|
||||
test('prop "source"')
|
||||
|
||||
suite('prop "style"', () => {
|
||||
test('converts "resizeMode" property', () => {
|
||||
const result = utils.shallowRender(<Image style={{ resizeMode: Image.resizeMode.contain }} />)
|
||||
assert.equal(getStyleBackgroundSize(result), 'contain')
|
||||
})
|
||||
|
||||
test('removes "resizeMode" property', () => {
|
||||
const result = utils.shallowRender(<Image style={{ resizeMode: Image.resizeMode.contain }} />)
|
||||
assert.equal(flattenStyle(result.props.style).resizeMode, undefined)
|
||||
})
|
||||
})
|
||||
|
||||
test('prop "testID"', () => {
|
||||
const testID = 'testID'
|
||||
const result = utils.shallowRender(<Image testID={testID} />)
|
||||
|
||||
Reference in New Issue
Block a user