Add tests for Avatar
This commit is contained in:
parent
0d68e47e16
commit
e5ac95d050
|
@ -54,7 +54,7 @@ class StillImage extends React.PureComponent {
|
||||||
const hoverToPlay = this.hoverToPlay();
|
const hoverToPlay = this.hoverToPlay();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={classNames(className, 'still-image', { 'still-image--play-on-hover': hoverToPlay })} style={style}>
|
<div data-testid='still-image-container' className={classNames(className, 'still-image', { 'still-image--play-on-hover': hoverToPlay })} style={style}>
|
||||||
<img src={src} alt={alt} ref={this.setImageRef} onLoad={this.handleImageLoad} />
|
<img src={src} alt={alt} ref={this.setImageRef} onLoad={this.handleImageLoad} />
|
||||||
{hoverToPlay && <canvas ref={this.setCanvasRef} />}
|
{hoverToPlay && <canvas ref={this.setCanvasRef} />}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -0,0 +1,20 @@
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
import { render, screen } from '../../../../jest/test-helpers';
|
||||||
|
import Avatar from '../avatar';
|
||||||
|
|
||||||
|
const src = '/static/alice.jpg';
|
||||||
|
|
||||||
|
describe('<Avatar />', () => {
|
||||||
|
it('renders', () => {
|
||||||
|
render(<Avatar src={src} />);
|
||||||
|
|
||||||
|
expect(screen.getByRole('img')).toBeInTheDocument();
|
||||||
|
});
|
||||||
|
|
||||||
|
it('handles size props', () => {
|
||||||
|
render(<Avatar src={src} size={50} />);
|
||||||
|
|
||||||
|
expect(screen.getByTestId('still-image-container').getAttribute('style')).toMatch(/50px/i);
|
||||||
|
});
|
||||||
|
});
|
Loading…
Reference in New Issue