zoukankan      html  css  js  c++  java
  • [React Testing] Reusing test boilerplate

    Setting up a shallow renderer for each test can be redundant, especially when trying to write similar tests that have slight tweaks. In this lesson, we go over how you can reduce some of the overlapping code so that each test only contains the unique pieces of the test.

    describe('active class', ()=>{
    
        function renderLikeCounter(isActive){
            const renderer = TestUtils.createRenderer();
            renderer.render(<LikeCounter count={5} isActive={isActive}/>);
            return renderer.getRenderOutput().props.className.includes('LikeCounter--active');
        }
    
        it('should have active class based on isActive props: true', ()=>{
            expect(renderLikeCounter(true)).toEqual(true);
        });
    
        it('should have active class based on isActive props: false', ()=>{
            expect(renderLikeCounter(false)).toEqual(false);
        });
    });
  • 相关阅读:
    常用css3属性
    jQuery瀑布流
    jQuery事件对象
    jQuery动画
    面向对象复习
    php 面向对象
    git
    存储数据
    ajax
    对象
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5109951.html
Copyright © 2011-2022 走看看