Как изменить $ route в jest test case + VueJS + Jest - PullRequest
0 голосов
/ 14 февраля 2020

Я новичок ie до VueJS (и в тестовых случаях также), извиняюсь, если это уже заданный вопрос,

Я добавил метод в свой компонент, который проверяет $route.name и возвращает логическое значение соответственно,

НО проблема появляется в тестовых случаях (JEST) Пробовал с этим, но не работает

isAbc () { return this.$route.name === 'abc-route }

Это мой метод, для которого я хочу написать контрольный пример,

const $route = {
  name: 'abc-route'
}

const wrapper = shallowMount(Component, {
  mocks: {
    $route
  }
})

Я также попробовал этот подход https://github.com/facebook/jest/issues/890#issuecomment -209698782 и проверил, могу ли я получить this.$route.path, но с этим тоже не повезло.

Кто-нибудь может сказать, что я пропустил или делаю не так, чтобы получить это?

1 Ответ

0 голосов
/ 17 февраля 2020

В случае, если кто-то застрянет на нем, я решу это, изменив подход,

Вместо назначения $ router, нужно сделать следующее

component.vm.$router.replace({ path: '/some/path', name: 'some-name' })

и затем протестировать это с

    expect(component.vm.isAbc()).toBe(false)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...