tests for withScrollBar() wrapper

This commit is contained in:
Alexander Zobnin 2018-09-06 15:36:22 +03:00
parent cf832e7db4
commit a186bc01e0
No known key found for this signature in database
GPG Key ID: E17E9ABACEFA59EB
2 changed files with 109 additions and 0 deletions

View File

@ -0,0 +1,86 @@
// 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>
`;

View File

@ -0,0 +1,23 @@
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();
});
});