/> | /> | ||||
<li> | <li> | ||||
<span>{getMetricName('coverage')}</span> | <span>{getMetricName('coverage')}</span> | ||||
<div> | |||||
{viewable && ( | |||||
<CountUp | |||||
decimal="." | |||||
decimals={1} | |||||
delay={0} | |||||
duration={4} | |||||
end={project.coverage} | |||||
suffix="%"> | |||||
{(data: { countUpRef?: React.RefObject<HTMLHeadingElement> }) => ( | |||||
<h6 className="display-inline-block big-spacer-right" ref={data.countUpRef}> | |||||
0 | |||||
</h6> | |||||
)} | |||||
</CountUp> | |||||
)} | |||||
<CoverageRating value={project.coverage} /> | |||||
</div> | |||||
{project.coverage !== undefined ? ( | |||||
<div> | |||||
{viewable && ( | |||||
<CountUp | |||||
decimal="." | |||||
decimals={1} | |||||
delay={0} | |||||
duration={4} | |||||
end={project.coverage} | |||||
suffix="%"> | |||||
{(data: { countUpRef?: React.RefObject<HTMLHeadingElement> }) => ( | |||||
<h6 className="display-inline-block big-spacer-right" ref={data.countUpRef}> | |||||
0 | |||||
</h6> | |||||
)} | |||||
</CountUp> | |||||
)} | |||||
<CoverageRating value={project.coverage} /> | |||||
</div> | |||||
) : ( | |||||
<span className="huge little-spacer-right">—</span> | |||||
)} | |||||
</li> | </li> | ||||
<li> | <li> | ||||
<span>{getMetricName('duplications')}</span> | <span>{getMetricName('duplications')}</span> |
).toMatchSnapshot(); | ).toMatchSnapshot(); | ||||
}); | }); | ||||
it('should render ProjectCard correctly when there is no coverage', () => { | |||||
expect( | |||||
shallow( | |||||
<ProjectCard order={1} project={{ ...PROJECTS[0], coverage: undefined }} viewable={true} /> | |||||
) | |||||
.find('li') | |||||
.first() | |||||
).toMatchSnapshot(); | |||||
}); | |||||
it('should render correctly', () => { | it('should render correctly', () => { | ||||
const wrapper = shallow(<FeaturedProjects projects={PROJECTS} />); | const wrapper = shallow(<FeaturedProjects projects={PROJECTS} />); | ||||
expect(wrapper).toMatchSnapshot(); | expect(wrapper).toMatchSnapshot(); |
</div> | </div> | ||||
`; | `; | ||||
exports[`should render ProjectCard correctly when there is no coverage 1`] = ` | |||||
<li> | |||||
<span> | |||||
overview.metric.coverage | |||||
</span> | |||||
<span | |||||
className="huge little-spacer-right" | |||||
> | |||||
— | |||||
</span> | |||||
</li> | |||||
`; | |||||
exports[`should render ProjectIssues correctly 1`] = ` | exports[`should render ProjectIssues correctly 1`] = ` | ||||
<li> | <li> | ||||
<span> | <span> |
name: string; | name: string; | ||||
bugs: number; | bugs: number; | ||||
codeSmells: number; | codeSmells: number; | ||||
coverage: number; | |||||
coverage?: number; | |||||
duplications: number; | duplications: number; | ||||
gateStatus: string; | gateStatus: string; | ||||
languages: string[]; | languages: string[]; |