上一頁上一頁上一頁下一頁上一頁上一頁上一頁上一頁上一頁上一頁摩卡

Question

我有裝載/淺淺的每個測試用例的組件，我覺得這是多餘的。在掛上before掛鉤一個好主意？或者是否有我可能會遇到的問題，特別是如果我要在組件上設置狀態或道具？

例如：

import React from 'react'; 
import {mount,shallow} from 'enzyme'; 
import {expect} from 'chai'; 
import ScheduleApp from '../src/components/schedule-app.jsx'; 
import ScheduleForm from '../src/components/schedule-form.jsx'; 
import ScheduleTable from '../src/components/schedule-result-table.jsx'; 

describe('<ScheduleApp/>', function() { 
    describe('Initial Mount', function() { 
    let wrapper; 

    before(function() { 
     wrapper = mount(<ScheduleApp />); 
    }); 

    it('contains 1 <ScheduleForm/> component', function() { 
     expect(wrapper.find(ScheduleForm)).to.have.length(1); 
    }); 

    it('contains 1 <ScheduleTable/> component', function() { 
     expect(wrapper.find(ScheduleTable)).to.have.length(1); 
    }); 
    }); 
}); 

Answer 1

如果你不打算測試日程應用用不同的道具，你並不需要安裝它的每一種情況下。

您也不需要導入子組件（ScheduleForm和ScheduleTable）以告訴酶找到它們。 Enzyme finds child components by their display name。

您可以重構上面

import React from 'react'; 
import { mount } from 'enzyme'; 
import { expect } from 'chai'; 
import ScheduleApp from '../src/components/schedule-app.jsx'; 

describe('<ScheduleApp/>', function() { 
    describe('Initial Mount', function() { 
    const wrapper = mount(<ScheduleApp />); 

    it('contains 1 <ScheduleForm /> component', function() { 
     expect(wrapper.find('ScheduleForm')).to.have.length(1); 
    }); 

    it('contains 1 <ScheduleTable /> component', function() { 
     expect(wrapper.find('ScheduleTable')).to.have.length(1); 
    }); 
    }); 
});