파운데이션 사이트 및 jQuery를 가져올 때 효소 테스트가 실패했습니다

Question

재단을 CSS 프레임 워크로 사용하는 반응 애플리케이션을 테스트하는 데 문제가있었습니다. 이 프로젝트의 스타터 키트로 "create-react-app"를 사용했습니다.

//Tried 
var $ = require('jquery') 
window.$ = $; 
window.jQuery = $; 
class MyComponent extends Component { 
    componentDidMount() { 
    window.$(document).foundation(); 
    } 
.... 
} 

MyComponent.js

import React, { Component } from 'react' 
import $ from 'jquery' 

class MyComponent extends Component { 
    componentDidMount() { 
     $(document).foundation() 
    } 
    ........ 
    ....... 
    render() { 
    return (
     ............ 
    ) 
    } 
} 
export default MyComponent 

MyComponent.test.js

Answer 1

import React from 'react' 
import { mount } from 'enzyme' 
import toJson from 'enzyme-to-json' 
import MyComponent from '../MyComponent' 

test('Renders MyComponent',() => { 
    const MyComponent = mount(<RoomContainer/>) 
    expect(toJson(MyComponent)).toMatchSnapshot() 
}); 

당신은 재단을 가져 잊어 버렸습니다. 사이트에 대한 기초 ≤6은 jQuery에 종속되므로 jQuery를 Foundation 전에 가져와야합니다. 앱과 테스트에서.