ShoppingCart
component now renders a child component Items
. This Items
component has a default prop quantity
set to the integer 0
. Override the default prop by passing in a value of 10
for quantity
.
Note: Remember that the syntax to add a prop to a component looks similar to how you add HTML attributes. However, since the value for quantity
is an integer, it won't go in quotes but it should be wrapped in curly braces. For example, {100}
. This syntax tells JSX to interpret the value within the braces directly as JavaScript.
ShoppingCart
should render.
testString: assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find('ShoppingCart').length === 1; })(), 'The component ShoppingCart
should render.');
- text: The component Items
should render.
testString: assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find('Items').length === 1; })(), 'The component Items
should render.');
- text: "The Items
component should have a prop of { quantity: 10 }
passed from the ShoppingCart
component."
testString: "getUserInput => assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find('Items').props().quantity == 10 && getUserInput('index').replace(/ /g,'').includes('Items
component should have a prop of { quantity: 10 }
passed from the ShoppingCart
component.');"
```