Fixes #139. Add a static class name to outer div (#147)

Fixes #139. Add a static class name to outer div

Author: ankeetmaini

.gitignore

@@ -7,4 +7,5 @@ node_modules
 dist
 .vscode
 storybook-static/
-coverage/
+coverage/
+yarn-error.log

src/__tests__/index.test.tsx

@@ -137,4 +137,21 @@ describe('React Infinite Scroll Component', () => {
     );
     expect(queryByText('Reached end.')).toBeTruthy();
   });
+
+  it('adds a classname to the outer div', () => {
+    const { container } = render(
+      <InfiniteScroll
+        hasMore={true}
+        dataLength={10}
+        next={() => {}}
+        loader={<div>Loading...</div>}
+      >
+        <div />
+      </InfiniteScroll>
+    );
+    const outerDiv = container.getElementsByClassName(
+      'infinite-scroll-component__outerdiv'
+    );
+    expect(outerDiv.length).toBeTruthy();
+  });
 });

src/index.tsx

@@ -307,7 +307,10 @@ export default class InfiniteScroll extends Component<Props, State> {
         ? { overflow: 'auto' }
         : {};
     return (
-      <div style={outerDivStyle}>
+      <div
+        style={outerDivStyle}
+        className="infinite-scroll-component__outerdiv"
+      >
         <div
           className={`infinite-scroll-component ${this.props.className || ''}`}
           ref={(infScroll: HTMLDivElement) => (this._infScroll = infScroll)}