github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

test: add local-provider test

pull/165/head
tangjinzhou 2018-05-19 12:53:37 +08:00
parent f099fcd675
commit 00ea4cb4f2
3 changed files with 15468 additions and 168 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15108
components/locale-provider/__tests__/__snapshots__/index.test.js.snap Normal file
View File

File diff suppressed because it is too large Load Diff

191
components/locale-provider/__tests__/index.test.js Normal file
View File

@ -0,0 +1,191 @@
/* eslint-disable react/no-multi-comp */
import { mount } from '@vue/test-utils'
import Vue from 'vue'
import moment from 'moment'
import MockDate from 'mockdate'
import { LocaleProvider, Pagination, DatePicker, TimePicker, Calendar,
Popconfirm, Table, Modal, Select, Transfer } from '../../'
import enGB from '../en_GB'
import frFR from '../fr_FR'
import nlBE from '../nl_BE'
import itIT from '../it_IT'
import enUS from '../en_US'
import ptBR from '../pt_BR'
import ptPT from '../pt_PT'
import ruRU from '../ru_RU'
import esES from '../es_ES'
import svSE from '../sv_SE'
import frBE from '../fr_BE'
import deDE from '../de_DE'
import nlNL from '../nl_NL'
import caES from '../ca_ES'
import csCZ from '../cs_CZ'
import koKR from '../ko_KR'
import etEE from '../et_EE'
import skSK from '../sk_SK'
import jaJP from '../ja_JP'
import trTR from '../tr_TR'
import zhTW from '../zh_TW'
import fiFI from '../fi_FI'
import plPL from '../pl_PL'
import bgBG from '../bg_BG'
import viVN from '../vi_VN'
import thTH from '../th_TH'
import faIR from '../fa_IR'
import elGR from '../el_GR'
import nbNO from '../nb_NO'
import srRS from '../sr_RS'
import slSI from '../sl_SI'
import isIS from '../is_IS'
import arEG from '../ar_EG'
import ukUA from '../uk_UA'
import zhCN from '../zh_CN'
import kuIQ from '../ku_IQ'
const locales = [enUS, ptBR, ptPT, ruRU, esES, svSE, frBE, deDE, nlNL, caES, csCZ, koKR, etEE, skSK, jaJP, trTR, zhTW, fiFI, plPL, bgBG, enGB, frFR, nlBE, itIT, viVN, thTH, faIR, elGR, nbNO, srRS, slSI, isIS, arEG, ukUA, zhCN, kuIQ]
const { Option } = Select
const { RangePicker } = DatePicker
const columns = [{
title: 'Name',
dataIndex: 'name',
filters: [{
text: 'filter1',
value: 'filter1',
}],
}, {
title: 'Age',
dataIndex: 'age',
}]
const App = {
render (h) {
return (
<div>
<Pagination defaultCurrent={1} total={50} showSizeChanger />
<Select showSearch style={{ width: '200px' }}>
<Option value='jack'>jack</Option>
<Option value='lucy'>lucy</Option>
</Select>
<DatePicker open />
<TimePicker open defaultOpenValue={moment()} />
<RangePicker open style={{ width: '200px' }} />
<Popconfirm title='Question?' visible>
<a>Click to confirm</a>
</Popconfirm>
<Transfer
dataSource={[]}
showSearch
targetKeys={[]}
render={item => item.title}
/>
<Calendar fullscreen={false} value={moment()} />
<Table dataSource={[]} columns={columns} />
<Modal title='Locale Modal' visible>
<p>Locale Modal</p>
</Modal>
</div>
)
} }
describe('Locale Provider', () => {
beforeAll(() => {
document.body.innerHTML = ''
MockDate.set(moment('2017-09-18T03:30:07.795'))
})
afterAll(() => {
MockDate.reset()
})
locales.forEach((locale) => {
it(`should display the text as ${locale.locale}`, (done) => {
const wrapper = mount(
{
render () {
return (
<LocaleProvider locale={locale}>
<App />
</LocaleProvider>
)
},
},
{ sync: false }
)
Vue.nextTick(() => {
expect(wrapper.html()).toMatchSnapshot()
done()
})
})
})
it('should change locale of Modal.xxx', () => {
const ModalDemo = {
mounted () {
Modal.confirm({
title: 'Hello World!',
})
},
render () {
return null
},
}
locales.forEach((locale) => {
mount(
{
render () {
return (
<LocaleProvider locale={locale}>
<ModalDemo />
</LocaleProvider>
)
},
},
{ sync: false }
)
const currentConfirmNode = document.querySelectorAll('.ant-confirm')[document.querySelectorAll('.ant-confirm').length - 1]
let cancelButtonText = currentConfirmNode.querySelectorAll('.ant-btn:not(.ant-btn-primary) span')[0].innerHTML
let okButtonText = currentConfirmNode.querySelectorAll('.ant-btn-primary span')[0].innerHTML
if (locale.locale === 'zh-cn') {
cancelButtonText = cancelButtonText.replace(' ', '')
okButtonText = okButtonText.replace(' ', '')
}
expect(cancelButtonText).toBe(locale.Modal.cancelText)
expect(okButtonText).toBe(locale.Modal.okText)
})
})
it('set moment locale when locale changes', (done) => {
document.body.innerHTML = ''
const Test = {
data () {
return {
locale: zhCN,
}
},
render () {
return (
<LocaleProvider locale={this.locale}>
<div>
<DatePicker defaultValue={moment()} open />
</div>
</LocaleProvider>
)
},
}
const wrapper = mount(Test, { sync: false, attachToDocument: true })
Vue.nextTick(() => {
expect(document.body.innerHTML).toMatchSnapshot()
wrapper.setData({ locale: frFR })
Vue.nextTick(() => {
expect(document.body.innerHTML).toMatchSnapshot()
wrapper.setData({ locale: null })
Vue.nextTick(() => {
expect(document.body.innerHTML).toMatchSnapshot()
done()
})
})
})
})
})

337
package.json
View File

@ -1,169 +1,170 @@
{ {
"name": "vue-antd-ui", "name": "vue-antd-ui",
"version": "0.5.1", "version": "0.5.1",
"title": "Ant Design Vue", "title": "Ant Design Vue",
"description": "An enterprise-class UI design language and Vue-based implementation", "description": "An enterprise-class UI design language and Vue-based implementation",
"keywords": [ "keywords": [
"ant", "ant",
"design", "design",
"antd", "antd",
"vue", "vue",
"vueComponent", "vueComponent",
"component", "component",
"components", "components",
"ui", "ui",
"framework", "framework",
"frontend" "frontend"
], ],
"main": "dist/antd.min.js", "main": "dist/antd.min.js",
"files": [ "files": [
"dist", "dist",
"lib", "lib",
"es" "es"
], ],
"scripts": { "scripts": {
"start": "NODE_ENV=development ./node_modules/.bin/webpack-dev-server --open --hot", "start": "NODE_ENV=development ./node_modules/.bin/webpack-dev-server --open --hot",
"test": "jest --config .jest.js", "test": "jest --config .jest.js",
"site": "node scripts/run.js site-dist", "site": "node scripts/run.js site-dist",
"copy": "node scripts/run.js copy-html", "copy": "node scripts/run.js copy-html",
"compile": "node antd-tools/cli/run.js compile", "compile": "node antd-tools/cli/run.js compile",
"pub": "node antd-tools/cli/run.js pub", "pub": "node antd-tools/cli/run.js pub",
"prepublish": "node antd-tools/cli/run.js guard", "prepublish": "node antd-tools/cli/run.js guard",
"dist": "node antd-tools/cli/run.js dist", "dist": "node antd-tools/cli/run.js dist",
"lint": "eslint -c ./.eslintrc --fix --ext .jsx,.js,.vue ./components", "lint": "eslint -c ./.eslintrc --fix --ext .jsx,.js,.vue ./components",
"lint:style": "stylelint \"./examples/**/*.less\" --fix --syntax less", "lint:style": "stylelint \"./examples/**/*.less\" --fix --syntax less",
"commitmsg": "validate-commit-msg", "commitmsg": "validate-commit-msg",
"cm": "git-cz", "cm": "git-cz",
"codecov": "codecov" "codecov": "codecov"
}, },
"repository": { "repository": {
"type": "git", "type": "git",
"url": "git+https://github.com/vueComponent/ant-design.git" "url": "git+https://github.com/vueComponent/ant-design.git"
}, },
"license": "MIT", "license": "MIT",
"bugs": { "bugs": {
"url": "https://github.com/vueComponent/ant-design/issues" "url": "https://github.com/vueComponent/ant-design/issues"
}, },
"homepage": "https://github.com/vueComponent/ant-design", "homepage": "https://github.com/vueComponent/ant-design",
"pre-commit": [ "pre-commit": [
"lint:style", "lint:style",
"lint" "lint"
], ],
"peerDependencies": { "peerDependencies": {
"vue": ">=2.5.0", "vue": ">=2.5.0",
"vue-template-compiler": ">=2.5.0" "vue-template-compiler": ">=2.5.0"
}, },
"devDependencies": { "devDependencies": {
"@octokit/rest": "^15.4.1", "@octokit/rest": "^15.4.1",
"@vue/server-test-utils": "^1.0.0-beta.16", "@vue/server-test-utils": "^1.0.0-beta.16",
"@vue/test-utils": "^1.0.0-beta.16", "@vue/test-utils": "^1.0.0-beta.16",
"autoprefixer": "^8.1.0", "autoprefixer": "^8.1.0",
"babel-cli": "^6.26.0", "babel-cli": "^6.26.0",
"babel-core": "^6.26.0", "babel-core": "^6.26.0",
"babel-eslint": "^8.0.1", "babel-eslint": "^8.0.1",
"babel-helper-vue-jsx-merge-props": "^2.0.3", "babel-helper-vue-jsx-merge-props": "^2.0.3",
"babel-jest": "^22.4.3", "babel-jest": "^22.4.3",
"babel-loader": "^7.1.2", "babel-loader": "^7.1.2",
"babel-plugin-add-module-exports": "^0.2.1", "babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-import": "^1.1.1", "babel-plugin-import": "^1.1.1",
"babel-plugin-istanbul": "^4.1.1", "babel-plugin-istanbul": "^4.1.1",
"babel-plugin-syntax-dynamic-import": "^6.18.0", "babel-plugin-syntax-dynamic-import": "^6.18.0",
"babel-plugin-syntax-jsx": "^6.18.0", "babel-plugin-syntax-jsx": "^6.18.0",
"babel-plugin-transform-class-properties": "^6.24.1", "babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-decorators": "^6.24.1", "babel-plugin-transform-decorators": "^6.24.1",
"babel-plugin-transform-decorators-legacy": "^1.3.4", "babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-plugin-transform-es3-member-expression-literals": "^6.22.0", "babel-plugin-transform-es3-member-expression-literals": "^6.22.0",
"babel-plugin-transform-es3-property-literals": "^6.22.0", "babel-plugin-transform-es3-property-literals": "^6.22.0",
"babel-plugin-transform-object-assign": "^6.22.0", "babel-plugin-transform-object-assign": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.26.0", "babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-plugin-transform-runtime": "~6.23.0", "babel-plugin-transform-runtime": "~6.23.0",
"babel-plugin-transform-vue-jsx": "^3.7.0", "babel-plugin-transform-vue-jsx": "^3.7.0",
"babel-polyfill": "^6.26.0", "babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.6.1", "babel-preset-env": "^1.6.1",
"case-sensitive-paths-webpack-plugin": "^2.1.2", "case-sensitive-paths-webpack-plugin": "^2.1.2",
"chalk": "^2.3.2", "chalk": "^2.3.2",
"cheerio": "^1.0.0-rc.2", "cheerio": "^1.0.0-rc.2",
"codecov": "^3.0.0", "codecov": "^3.0.0",
"colorful": "^2.1.0", "colorful": "^2.1.0",
"commander": "^2.15.0", "commander": "^2.15.0",
"commitizen": "^2.9.6", "commitizen": "^2.9.6",
"cross-env": "^5.1.4", "cross-env": "^5.1.4",
"css-loader": "^0.28.7", "css-loader": "^0.28.7",
"deep-assign": "^2.0.0", "deep-assign": "^2.0.0",
"eslint": "^4.7.2", "eslint": "^4.7.2",
"eslint-plugin-html": "^3.2.2", "eslint-plugin-html": "^3.2.2",
"eslint-plugin-vue": "^3.13.0", "eslint-plugin-vue": "^3.13.0",
"eslint-plugin-vue-libs": "^1.2.1", "eslint-plugin-vue-libs": "^1.2.1",
"extract-text-webpack-plugin": "^3.0.2", "extract-text-webpack-plugin": "^3.0.2",
"fetch-jsonp": "^1.1.3", "fetch-jsonp": "^1.1.3",
"glob": "^7.1.2", "glob": "^7.1.2",
"gulp": "^3.9.1", "gulp": "^3.9.1",
"gulp-babel": "^7.0.0", "gulp-babel": "^7.0.0",
"gulp-strip-code": "^0.1.4", "gulp-strip-code": "^0.1.4",
"highlight.js": "^9.12.0", "highlight.js": "^9.12.0",
"html-webpack-plugin": "^2.30.1", "html-webpack-plugin": "^2.30.1",
"husky": "^0.14.3", "husky": "^0.14.3",
"istanbul-instrumenter-loader": "^3.0.0", "istanbul-instrumenter-loader": "^3.0.0",
"jest": "^22.4.3", "jest": "^22.4.3",
"jest-serializer-vue": "^1.0.0", "jest-serializer-vue": "^1.0.0",
"jsonp": "^0.2.1", "jsonp": "^0.2.1",
"less": "^2.7.2", "less": "^2.7.2",
"less-loader": "^4.0.5", "less-loader": "^4.0.5",
"less-plugin-npm-import": "^2.1.0", "less-plugin-npm-import": "^2.1.0",
"markdown-it": "^8.4.0", "markdown-it": "^8.4.0",
"markdown-it-anchor": "^4.0.0", "markdown-it-anchor": "^4.0.0",
"marked": "^0.3.7", "marked": "^0.3.7",
"merge2": "^1.2.1", "merge2": "^1.2.1",
"minimist": "^1.2.0", "minimist": "^1.2.0",
"mkdirp": "^0.5.1", "mkdirp": "^0.5.1",
"mockdate": "^2.0.2", "mockdate": "^2.0.2",
"postcss": "^6.0.20", "moment-timezone": "^0.5.17",
"postcss-loader": "^2.1.2", "postcss": "^6.0.20",
"pre-commit": "^1.2.2", "postcss-loader": "^2.1.2",
"querystring": "^0.2.0", "pre-commit": "^1.2.2",
"raw-loader": "^1.0.0-beta.0", "querystring": "^0.2.0",
"reqwest": "^2.0.5", "raw-loader": "^1.0.0-beta.0",
"rimraf": "^2.6.2", "reqwest": "^2.0.5",
"rucksack-css": "^1.0.2", "rimraf": "^2.6.2",
"selenium-server": "^3.0.1", "rucksack-css": "^1.0.2",
"semver": "^5.3.0", "selenium-server": "^3.0.1",
"style-loader": "^0.18.2", "semver": "^5.3.0",
"stylelint": "^8.1.1", "style-loader": "^0.18.2",
"stylelint-config-standard": "^17.0.0", "stylelint": "^8.1.1",
"through2": "^2.0.3", "stylelint-config-standard": "^17.0.0",
"validate-commit-msg": "^2.14.0", "through2": "^2.0.3",
"vue": "^2.5.16", "validate-commit-msg": "^2.14.0",
"vue-antd-md-loader": "^1.0.3", "vue": "^2.5.16",
"vue-clipboard2": "0.0.8", "vue-antd-md-loader": "^1.0.3",
"vue-jest": "^2.5.0", "vue-clipboard2": "0.0.8",
"vue-loader": "^13.0.5", "vue-jest": "^2.5.0",
"vue-router": "^3.0.1", "vue-loader": "^13.0.5",
"vue-server-renderer": "^2.5.16", "vue-router": "^3.0.1",
"vue-template-compiler": "^2.5.16", "vue-server-renderer": "^2.5.16",
"webpack": "^3.11.0", "vue-template-compiler": "^2.5.16",
"webpack-chunk-hash": "^0.5.0", "webpack": "^3.11.0",
"webpack-dev-server": "^2.8.2", "webpack-chunk-hash": "^0.5.0",
"webpack-merge": "^4.1.1" "webpack-dev-server": "^2.8.2",
}, "webpack-merge": "^4.1.1"
"dependencies": { },
"add-dom-event-listener": "^1.0.2", "dependencies": {
"array-tree-filter": "^2.1.0", "add-dom-event-listener": "^1.0.2",
"async-validator": "^1.8.2", "array-tree-filter": "^2.1.0",
"babel-helper-vue-jsx-merge-props": "^2.0.3", "async-validator": "^1.8.2",
"babel-runtime": "6.x", "babel-helper-vue-jsx-merge-props": "^2.0.3",
"classnames": "^2.2.5", "babel-runtime": "6.x",
"component-classes": "^1.2.6", "classnames": "^2.2.5",
"css-animation": "^1.4.1", "component-classes": "^1.2.6",
"dom-align": "^1.6.7", "css-animation": "^1.4.1",
"dom-closest": "^0.2.0", "dom-align": "^1.6.7",
"dom-scroll-into-view": "^1.2.1", "dom-closest": "^0.2.0",
"enquire.js": "^2.1.6", "dom-scroll-into-view": "^1.2.1",
"is-negative-zero": "^2.0.0", "enquire.js": "^2.1.6",
"lodash": "^4.17.5", "is-negative-zero": "^2.0.0",
"moment": "^2.21.0", "lodash": "^4.17.5",
"omit.js": "^1.0.0", "moment": "^2.21.0",
"shallow-equal": "^1.0.0", "omit.js": "^1.0.0",
"shallowequal": "^1.0.2", "shallow-equal": "^1.0.0",
"warning": "^3.0.0" "shallowequal": "^1.0.2",
} "warning": "^3.0.0"
} }
}