TypesOfFood
компонент TypesOfFood
уже выполняет компонент под названием « Vegetables
. Кроме того, из последней задачи есть компонент Fruits
. Гнездо два компонента внутри Fruits
- сначала NonCitrus
, а затем Citrus
. Оба этих компонента предоставляются вам в фоновом режиме. Затем TypesOfFood
компонент класса Fruits
компонент TypesOfFood
, ниже заголовка h1
и выше Vegetables
. Результатом должен быть ряд вложенных компонентов, который использует два разных типа компонентов. TypesOfFood
должен возвращать один элемент div
.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().type() === "div"; })(), "The TypesOfFood
component should return a single div
element.");'
- text: Компонент TypesOfFood
должен вернуть компонент Fruits
.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(1).name() === "Fruits"; })(), "The TypesOfFood
component should return the Fruits
component.");'
- text: Компонент Fruits
должен вернуть компонент NonCitrus
компонент Citrus
.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return (mockedComponent.find("Fruits").children().find("NonCitrus").length === 1 && mockedComponent.find("Fruits").children().find("Citrus").length === 1); })(), "The Fruits
component should return the NonCitrus
component and the Citrus
component.");'
- text: Компонент TypesOfFood
должен вернуть компонент « Vegetables
ниже компонента « Fruits
.
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(TypesOfFood)); return mockedComponent.children().childAt(2).name() === "Vegetables"; })(), "The TypesOfFood
component should return the Vegetables
component below the Fruits
component.");'
```