相关疑难解决方法(0)

在 jest document.querySelector 中测试 vue 组件时总是返回 null

这是我的测试:

jest.mock('gsap')
import TweenMax from '../../__mocks__/gsap'
import Component from '@/components/Callback/Form.vue'
import { shallow, createLocalVue } from '@vue/test-utils'

const localVue = createLocalVue()

test('phone opacity changing from 1 to 0 in totalTime', () => {
    const wrapper = shallow(Component, {
        localVue,
        mocks: {
            localStorage
        },
        watch: {
            step
        },
        methods: {
            enterNamePlaceholder,
            toNextBtn
        }
    })
    const phone = wrapper.find('.callback__phone')
    expect(TweenMax.to.mock.calls[0][0]).toBe(phone.element)
})
Run Code Online (Sandbox Code Playgroud)

正在测试的代码:

TweenMax.to(document.querySelector('.callback__phone'), this.totalTime, {opacity: 0, onComplete: this.enterNamePlaceholder})
Run Code Online (Sandbox Code Playgroud)

和开玩笑的错误信息:

Expected value to be:
  <a class="callback__phone link" href="tel:88619442620">+7 (861) 944 26 20</a>
Received: …
Run Code Online (Sandbox Code Playgroud)

javascript unit-testing vue.js jestjs gsap

7
推荐指数
2
解决办法
3522
查看次数

标签 统计

gsap ×1

javascript ×1

jestjs ×1

unit-testing ×1

vue.js ×1