Enzym Mount/Shallow einmal auf vor Mokka

Question

Ich habe Komponente, die ich/flat alle Testfälle montieren, und ich finde dies überflüssig. Ist es einmal auf before Haken eine gute Idee? Oder gibt es Probleme, auf die ich später stoßen könnte, insbesondere wenn ich Zustände oder Requisiten für meine Komponente festlegen möchte?

Zum Beispiel:

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

Wenn Sie nicht Schedule App mit verschiedenen Requisiten zu testen gehen, brauchen Sie es nicht für jeden Fall zu montieren.

Sie müssen auch keine untergeordneten Komponenten (ScheduleForm und ScheduleTable) importieren, damit das Enzym sie finden kann. Enzyme finds child components by their display name.

Sie können den Code über Refactoring als

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); 
    }); 
    }); 
});