ShoppingCart
الآن يعرض Items
مكون تابعة. يحتوي مكون Items
هذا على quantity
prop افتراضية تعيين إلى عدد صحيح 0
. تجاوز الدعامة الافتراضية بتمرير قيمة 10
quantity
. ملاحظة: تذكر أن بناء الجملة لإضافة دعامة إلى أحد المكونات يشبه الطريقة التي تضيف بها سمات HTML. ومع ذلك ، نظرًا لأن القيمة quantity
هي عدد صحيح ، فلن يتم نقلها بين علامتي اقتباس ولكن يجب أن تكون ملفوفة في أقواس معقوفة. على سبيل المثال ، {100}
. يخبر هذا التركيب JSX بتفسير القيمة داخل الأقواس مباشرة مثل JavaScript. ShoppingCart
should render.");'
- text: ''
testString: 'assert((function() { const mockedComponent = Enzyme.mount(React.createElement(ShoppingCart)); return mockedComponent.find("Items").length === 1; })(), "The component Items
should render.");'
- text: ''
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.");'
```