Commit a186bc01 by Alexander Zobnin

tests for withScrollBar() wrapper

parent cf832e7d
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`withScrollBar renders correctly 1`] = `
<div
className="custom-scrollbars"
style={
Object {
"height": "auto",
"maxHeight": "100%",
"minHeight": "100%",
"overflow": "hidden",
"position": "relative",
"width": "100%",
}
}
>
<div
className="view"
style={
Object {
"WebkitOverflowScrolling": "touch",
"bottom": undefined,
"left": undefined,
"marginBottom": 0,
"marginRight": 0,
"maxHeight": "calc(100% + 0px)",
"minHeight": "calc(100% + 0px)",
"overflow": "scroll",
"position": "relative",
"right": undefined,
"top": undefined,
}
}
>
<div
className="my-component"
/>
</div>
<div
className="track-horizontal"
style={
Object {
"display": "none",
"height": 6,
"opacity": 0,
"position": "absolute",
"transition": "opacity 200ms",
}
}
>
<div
className="thumb-horizontal"
style={
Object {
"display": "block",
"height": "100%",
"position": "relative",
}
}
/>
</div>
<div
className="track-vertical"
style={
Object {
"display": "none",
"opacity": 0,
"position": "absolute",
"transition": "opacity 200ms",
"width": 6,
}
}
>
<div
className="thumb-vertical"
style={
Object {
"display": "block",
"position": "relative",
"width": "100%",
}
}
/>
</div>
</div>
`;
import React from 'react';
import renderer from 'react-test-renderer';
import withScrollBar from './withScrollBar';
class TestComponent extends React.Component {
render() {
return <div className="my-component" />;
}
}
describe('withScrollBar', () => {
it('renders correctly', () => {
const TestComponentWithScroll = withScrollBar(TestComponent);
const tree = renderer
.create(
<TestComponentWithScroll>
<p>Scrollable content</p>
</TestComponentWithScroll>
)
.toJSON();
expect(tree).toMatchSnapshot();
});
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment