Skip to main content

mock.onGet before dispatch

mock
.onGet('api/coaching/v1/currentUser')
.reply(200, {
data: FIXTURE_CURRENT_USER
})
.onAny()
.reply(config => {
console.warn('No mock match for ' + config.url, config)
return [200, { uuid: 'no match' }]
})

await wrapper.vm.$store.dispatch('currentUser/getItem')

======================

test('retrieve steps statuses from api when editable = true', done => {
expect(store.state).toHaveProperty('stepStatuses')
const wrapper = mount(Component, {
propsData: {
uuid: '!=currentUser',
step: {
status: {
id: '1',
name: 'On hold'
},
due_date: '12-31-2020'
}
},
localVue,
store
})
const valueOfOneOfStatuses = 'testing step statuses'
mock
.onGet('api/coaching/v1/step-statuses')
.reply(200, {
data: [
{ id: 1, name: 'On hold' },
{ id: 2, name: 'Get start' },
{ id: 4, name: valueOfOneOfStatuses }
]
})
.onGet('api/coaching/v1/currentUser')
.reply(200, {
data: FIXTURE_CURRENT_USER
})
.onAny()
.reply(config => {
console.warn('No mock match for ' + config.url, config)
return [200, {}]
})

Component.beforeRouteEnterOrUpdate(wrapper.vm, null, null, async () => {
await wrapper.vm.$store.dispatch('currentUser/getItem')
await wrapper.vm.$nextTick()
expect(wrapper.text()).toContain(valueOfOneOfStatuses)
done()
})
})

Comments

Popular posts from this blog

apollo client v3 - clean up non-needed packages

v3: https://github.com/apollographql/apollo-client clean up: ApolloProvider useQuery, useMutation, useApolloClient Apollo Client >= 3 includes React hooks functionality out of the box. You don't need to install any additional packages. https://www.apollographql.com/docs/react/api/react/hooks/ //import { ApolloProvider } from '@apollo/react-hooks' import { ApolloProvider } from '@apollo/client/react' //import { useQuery, useMutation, useApolloClient } from '@apollo/react-hooks' import { useQuery, useMutation, useApolloClient } from '@apollo/client' How i can CATCH any error (network and graphql), and prevent promise.reject()  https://github.com/apollographql/apollo-client/issues/6469 npm uninstall @apollo/react-hooks https://github.com/apollographql/apollo-link npm uninstall apollo-link npm uninstall apollo-client npm uninstall apollo-link-error npm uninstall apollo-link-http npm uninstall apollo-link-ws npm uninstall apollo-cache-inmemory

A component is changing an uncontrolled input of type text to be controlled error in ReactJS - Formik

 https://stackoverflow.com/questions/47012169/a-component-is-changing-an-uncontrolled-input-of-type-text-to-be-controlled-erro default value can't be undefined  case 'listingBrokerOfficeName' : value = ( listingBroker || {}). officeName break change to: case 'listingBrokerOfficeName' : value = ( listingBroker || {}). officeName || '' break