refactor: change mock files to commonjs (#3246)

This commit is contained in:
花裤衩 2020-06-11 11:40:53 +08:00 committed by GitHub
parent 0bf61aac53
commit d3bd933a8e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 74 additions and 25 deletions

View File

@ -1,4 +1,4 @@
import Mock from 'mockjs' const Mock = require('mockjs')
const List = [] const List = []
const count = 100 const count = 100
@ -27,7 +27,7 @@ for (let i = 0; i < count; i++) {
})) }))
} }
export default [ module.exports = [
{ {
url: '/vue-element-admin/article/list', url: '/vue-element-admin/article/list',
type: 'get', type: 'get',

View File

@ -1,10 +1,10 @@
import Mock from 'mockjs' const Mock = require('mockjs')
import { param2Obj } from '../src/utils' const { param2Obj } = require('./utils')
import user from './user' const user = require('./user')
import role from './role' const role = require('./role')
import article from './article' const article = require('./article')
import search from './remote-search' const search = require('./remote-search')
const mocks = [ const mocks = [
...user, ...user,
@ -16,7 +16,7 @@ const mocks = [
// for front mock // for front mock
// please use it cautiously, it will redefine XMLHttpRequest, // please use it cautiously, it will redefine XMLHttpRequest,
// which will cause many of your third-party libraries to be invalidated(like progress event). // which will cause many of your third-party libraries to be invalidated(like progress event).
export function mockXHR() { function mockXHR() {
// mock patch // mock patch
// https://github.com/nuysoft/Mock/issues/300 // https://github.com/nuysoft/Mock/issues/300
Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
@ -54,4 +54,7 @@ export function mockXHR() {
} }
} }
export default mocks module.exports = {
mocks,
mockXHR
}

View File

@ -8,7 +8,7 @@ const mockDir = path.join(process.cwd(), 'mock')
function registerRoutes(app) { function registerRoutes(app) {
let mockLastIndex let mockLastIndex
const { default: mocks } = require('./index.js') const { mocks } = require('./index.js')
const mocksForServer = mocks.map(route => { const mocksForServer = mocks.map(route => {
return responseFake(route.url, route.type, route.response) return responseFake(route.url, route.type, route.response)
}) })
@ -44,9 +44,6 @@ const responseFake = (url, type, respond) => {
} }
module.exports = app => { module.exports = app => {
// es6 polyfill
require('@babel/register')
// parse app.body // parse app.body
// https://expressjs.com/en/4x/api.html#req.body // https://expressjs.com/en/4x/api.html#req.body
app.use(bodyParser.json()) app.use(bodyParser.json())

View File

@ -1,4 +1,4 @@
import Mock from 'mockjs' const Mock = require('mockjs')
const NameList = [] const NameList = []
const count = 100 const count = 100
@ -10,7 +10,7 @@ for (let i = 0; i < count; i++) {
} }
NameList.push({ name: 'mock-Pan' }) NameList.push({ name: 'mock-Pan' })
export default [ module.exports = [
// username search // username search
{ {
url: '/vue-element-admin/search/user', url: '/vue-element-admin/search/user',

View File

@ -1,6 +1,6 @@
import Mock from 'mockjs' const Mock = require('mockjs')
import { deepClone } from '../../src/utils/index.js' const { deepClone } = require('../utils')
import { asyncRoutes, constantRoutes } from './routes.js' const { asyncRoutes, constantRoutes } = require('./routes.js')
const routes = deepClone([...constantRoutes, ...asyncRoutes]) const routes = deepClone([...constantRoutes, ...asyncRoutes])
@ -35,7 +35,7 @@ const roles = [
} }
] ]
export default [ module.exports = [
// mock get all routes form server // mock get all routes form server
{ {
url: '/vue-element-admin/routes', url: '/vue-element-admin/routes',

View File

@ -1,6 +1,6 @@
// Just a mock data // Just a mock data
export const constantRoutes = [ const constantRoutes = [
{ {
path: '/redirect', path: '/redirect',
component: 'layout/Layout', component: 'layout/Layout',
@ -72,7 +72,7 @@ export const constantRoutes = [
} }
] ]
export const asyncRoutes = [ const asyncRoutes = [
{ {
path: '/permission', path: '/permission',
component: 'layout/Layout', component: 'layout/Layout',
@ -523,3 +523,8 @@ export const asyncRoutes = [
{ path: '*', redirect: '/404', hidden: true } { path: '*', redirect: '/404', hidden: true }
] ]
module.exports = {
constantRoutes,
asyncRoutes
}

View File

@ -23,7 +23,7 @@ const users = {
} }
} }
export default [ module.exports = [
// user login // user login
{ {
url: '/vue-element-admin/user/login', url: '/vue-element-admin/user/login',

46
mock/utils.js Normal file
View File

@ -0,0 +1,46 @@
/**
* @param {string} url
* @returns {Object}
*/
function param2Obj(url) {
const search = url.split('?')[1]
if (!search) {
return {}
}
return JSON.parse(
'{"' +
decodeURIComponent(search)
.replace(/"/g, '\\"')
.replace(/&/g, '","')
.replace(/=/g, '":"')
.replace(/\+/g, ' ') +
'"}'
)
}
/**
* This is just a simple version of deep copy
* Has a lot of edge cases bug
* If you want to use a perfect deep copy, use lodash's _.cloneDeep
* @param {Object} source
* @returns {Object}
*/
function deepClone(source) {
if (!source && typeof source !== 'object') {
throw new Error('error arguments', 'deepClone')
}
const targetObj = source.constructor === Array ? [] : {}
Object.keys(source).forEach(keys => {
if (source[keys] && typeof source[keys] === 'object') {
targetObj[keys] = deepClone(source[keys])
} else {
targetObj[keys] = source[keys]
}
})
return targetObj
}
module.exports = {
param2Obj,
deepClone
}

View File

@ -72,8 +72,6 @@
"xlsx": "0.14.1" "xlsx": "0.14.1"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "7.0.0",
"@babel/register": "7.0.0",
"@vue/cli-plugin-babel": "3.5.3", "@vue/cli-plugin-babel": "3.5.3",
"@vue/cli-plugin-eslint": "^3.9.1", "@vue/cli-plugin-eslint": "^3.9.1",
"@vue/cli-plugin-unit-jest": "3.5.3", "@vue/cli-plugin-unit-jest": "3.5.3",