TypesOfFruit
y Fruits
. Tome el TypesOfFruit
componentes y componerlos, o un nido que, dentro de la Fruits
componente. Luego tome el componente Fruits
y TypesOfFood
dentro del componente TypesOfFood
. El resultado debe ser un componente hijo, anidado dentro de un componente padre, que está anidado dentro de un componente padre propio. TypesOfFood
debe devolver un único elemento div
.
testString: 'assert(Enzyme.shallow(React.createElement(TypesOfFood)).type() === "div", "The TypesOfFood
component should return a single div
element.");'
- text: El componente TypesOfFood
debe devolver el componente Fruits
.
testString: 'assert(Enzyme.shallow(React.createElement(TypesOfFood)).props().children[1].type.name === "Fruits", "The TypesOfFood
component should return the Fruits
component.");'
- text: El componente Fruits
debe devolver el componente TypesOfFruit
.
testString: 'assert(Enzyme.mount(React.createElement(TypesOfFood)).find("h2").html() === "Fruits
component should return the TypesOfFruit
component.");'
- text: El componente TypesOfFruit
debe devolver los elementos h2
y ul
.
testString: 'assert(Enzyme.mount(React.createElement(TypesOfFood)).find("ul").text() === "ApplesBlueberriesStrawberriesBananas", "The TypesOfFruit
component should return the h2
and ul
elements.");'
```