Что такое VueJS? Каковы основные особенности VueJS? 6

136.Как вы тестируете свои геттеры?

Легче тестировать геттеры, похожие на мутации. Рекомендуется протестировать эти геттеры, если они имеют сложные вычисления.

Возьмем простой фильтр задач в качестве геттера.

// getters.js
export const getters = {
filterTodos (state, status) {
return state.todos.filter(todo => {
return todo.status === status
})
}
}
И тестовый пример для вышеуказанного получателя выглядит следующим образом:
// getters.spec.js
import { expect } from 'chai'
import { getters } from './getters'

describe('getters', () => {

it('filteredTodos', () => {
// ложное состояние
const state = {
todos: [
{ id: 1, title: 'design', status: 'Completed' },
{ id: 2, title: 'testing', status: 'InProgress' },
{ id: 3, title: 'development', status: 'Completed' }
]
}
// ложный получатель
const filterStatus = 'Completed'

//получить результат от геттера

const result = getters.filterTodos(state, filterStatus)

//утверждать результат

expect(result).to.deep.equal([
{ id: 1, title: 'design', status: 'Completed' },
{ id: 2, title: 'development', status: 'Completed' }
])
})
})

137.Какова процедура запуска тестов в узле?

С помощью правильного имитации вы можете связать тесты с веб-пакетом и запускать их на узле без зависимости от API браузера. Он состоит из 2 шагов,

Создать конфигурацию веб-пакета: создать конфигурацию веб-пакета с правильным .babelrc

// webpack.config.js
module.exports = {
entry: './test.js',
output: {
path: __dirname,
filename: 'test-bundle.js'
},
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
}
]
}
}
Запустите тестовые примеры: сначала вам нужно связать, а затем запустить их с помощью mocha, как показано ниже,
webpack
mocha test-bundle.js