TypesOfFruit
e Fruits
. Pegue o componente TypesOfFruit
e componha-o, ou aninhe -o, dentro do componente Fruits
. Em seguida, pegue o componente Fruits
e aninhe-o no componente TypesOfFood
. O resultado deve ser um componente filho, aninhado dentro de um componente pai, que está aninhado dentro de um componente pai próprio! TypesOfFood
deve retornar um único elemento div
.
testString: 'assert(Enzyme.shallow(React.createElement(TypesOfFood)).type() === "div", "The TypesOfFood
component should return a single div
element.");'
- text: O componente TypesOfFood
deve retornar o componente Fruits
.
testString: 'assert(Enzyme.shallow(React.createElement(TypesOfFood)).props().children[1].type.name === "Fruits", "The TypesOfFood
component should return the Fruits
component.");'
- text: O componente de Fruits
deve retornar o componente TypesOfFruit
.
testString: 'assert(Enzyme.mount(React.createElement(TypesOfFood)).find("h2").html() === "Fruits
component should return the TypesOfFruit
component.");'
- text: O componente TypesOfFruit
deve retornar os elementos h2
e ul
.
testString: 'assert(Enzyme.mount(React.createElement(TypesOfFood)).find("ul").text() === "ApplesBlueberriesStrawberriesBananas", "The TypesOfFruit
component should return the h2
and ul
elements.");'
```