농담 형태의 이름을 확인하는 시험.

Question

나는 농담조에 초보자 다. (타이프에서) 내 REDUX 형태는 다음과 같습니다 :

let SelectorForms = reduxForm({ 
    form: 'selector-form', 
    validate, 
})(SelectorForms); 

SelectorForms = connect(state => (
    {initialValues: {code: state.code, 
    region:state.region}}))(SelectorForms); 

export default SelectorForms 

내가 같은 형태로 이름을 확인하기 위해 테스트를 작성하는 것을 시도하고있다 : 그러나,

import * as React from "react"; 
 
import {mount} from "enzyme"; 
 
import thunk from "redux-thunk"; 
 
import {Provider} from "react-redux"; 
 
import SelectorForms from "./SelectorForm"; 
 
import {mockClient} from "./mockClientData"; 
 
import configureStore from "redux-mock-store"; 
 

 
const mockStore = configureStore([thunk]); 
 
const store = mockStore({ 
 
    selectedClient: { 
 
    clientInfo: mockClient 
 
    }, 
 
    cimplicityQueryStringData:{Code:'1234',region:'REG'} 
 
}); 
 
let component; 
 
describe("Header",() => { 
 
    beforeEach(() => { 
 
    component = mount(
 
     <Provider store={store}> 
 
     <SelectorForms /> 
 
     </Provider> 
 
    ); 
 
    }); 
 

 
    it("should have selector-form",() => { 
 
    console.log(component); 
 
    expect(component.find("selector-form").length).toBe(1); 
 
    }); 
 

 
});

테스트가 실패합니다. 양식 이름을 가져 오는 방법을 알아야합니다.

상태를 연결하기 전에 내보낼까요? 그렇다면 어떻게?

Answer 1

reduxForm 옵션 개체를 내 보내야합니다.

export const selectorFormOptions = { 
    form: 'selector-form', 
    validate, 
}; 

let SelectorForms = reduxForm(selectorFormOptions)(SelectorForms); 

그리고 당신 수 import { selectorFormOptions } 및 expect(selectorFormOptions).toEqual(...).

Answer 2

이 또한 일 :

export const formName = 'selector-form'; 
 

 
let SelectorForms = reduxForm({ 
 
    form: formName, 
 
    validate, 
 
})(SelectorForms); 
 

 
SelectorForms = connect(state => (
 
    {initialValues: {code: state.code, 
 
    region:state.region}}))(SelectorForms); 
 

 
export default SelectorForms

그리고 다음과 같이 시험 :

import * as React from "react"; 
 
import {formName} from "../SelectorForm"; 
 

 
describe("Client Selector Form",() => { 
 
it("form name should be selector-form",() => { 
 
    expect(formName).toBe('selector-form'); 
 
    }); 
 
});