-2
필자는 수백 개의 반응 구성 요소를 작성했지만 어리석게도 나는 항상 테스트를 연기했습니다. 나는 그것이 필연적으로 악의로 보인다고 생각하지만, 나는 그것을 사랑하기 시작하고 싶다. 나는이 반응 componenent 있습니다테스트 반응 구성 요소
class Basket extends React.Component {
render() {
return (
<BasketContainer>
<BasketProducts>
<h1>Basket</h1>
{this.props.basket.items.map((item) => (
<BasketProduct>
<BasketProductImage>
<Image image={item.product.image} />
</BasketProductImage>
<PriceAndRemove>
<BasketProductPrice>
<span className="price">£{item.quantity * item.product.price}</span>
</BasketProductPrice>
<BasketProductRemove>
<button onClick={() => this.props.removeFromBasket(item.product)}>X</button>
</BasketProductRemove>
</PriceAndRemove>
<BasketProductName>
<p className="name">{item.product.name}</p>
</BasketProductName>
<BasketProductQuantity>
<span className="quantity">Qty {item.quantity}</span>
<span><button onClick={() => this.props.increaseQuantity(item)} className="quantity">+</button></span>
<span><button onClick={() => this.props.decreaseQuantity(item)} className="quantity">-</button></span>
</BasketProductQuantity>
</BasketProduct>), this)}
<button onClick={() => this.props.clearBasket()}>Clear Basket</button>
</BasketProducts>
<Total>
<h1> Total </h1>
<span className="label">Sub-total </span>
<span className="amount">£{this.props.basket.total}</span>
<button>Checkout</button>
</Total>
</BasketContainer>
);
}
}
스타일 구성 요소를 사용하여, 누군가가 나에게 내가 테스트를 시작할 수있는 몇 가지 지침을 줄 수 서면?
즉 좋은 테스트 란 무엇인가/그렇지 않은 것은 무엇입니까? 버튼 클릭을 테스트합니까? 효소를 사용하고 있지만 난 그냥 몇 가지 아이디어를 원하고 기본적으로 일을 테스트하는 데 필요한 어떤 것에 대한 등 등
메신저 계획 당신은 각각의 모든 구성 요소에 단위 테스트를 수행해야 OTT 테스트 및 불필요한 감사