[Vue]test utils에서 props 변경하는 방법

개요

에러를 일으킨 코드

test('테스트', () => {
  wrapper.vm.currentPage = 3;
})

에러 콘솔 메시지

console.error [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "currentPage"

다음처럼 currentPage가 propsData인데, currentPage를 바꿨거든요.

그랬더니 다음처럼 에러가 발생합니다.

 

 

해결방법

setProps를 사용함

test('', () => {
  // wrapper.vm.currentPage = 5;
  wrapper.setProps({ currentPage: 5 });
})