renamed component and add tests

Author: cekk

src/components/index.js

@@ -23,7 +23,7 @@ export SearchWidget from './theme/SearchWidget/SearchWidget';
 export Title from './theme/Title/Title';
 export App from './theme/App/App';
 export DocumentView from './theme/View/DocumentView';
-export ListView from './theme/View/ListView';
+export ListingView from './theme/View/ListingView';
 export Login from './theme/Login/Login';
 export Logout from './theme/Logout/Logout';
 export NotFound from './theme/NotFound/NotFound';

src/components/theme/View/ListView.jsx renamed to src/components/theme/View/ListingView.jsx

@@ -1,6 +1,6 @@
 /**
  * Document view component.
- * @module components/theme/View/ListView
+ * @module components/theme/View/ListingView
  */
 
 import React from 'react';
@@ -9,11 +9,11 @@ import Helmet from 'react-helmet';
 import { Link } from 'react-router';
 /**
  * List view component class.
- * @function ListView
+ * @function ListingView
  * @params {object} content Content object.
  * @returns {string} Markup of the component.
  */
-const ListView = ({ content }) => (
+const ListingView = ({ content }) => (
   <div id="page-home">
     <Helmet title={content.title} />
     <section id="content-core">
@@ -36,7 +36,7 @@ const ListView = ({ content }) => (
  * @property {Object} propTypes Property types.
  * @static
  */
-ListView.propTypes = {
+ListingView.propTypes = {
   content: PropTypes.shape({
     title: PropTypes.string,
     description: PropTypes.string,
@@ -47,10 +47,10 @@ ListView.propTypes = {
         description: PropTypes.string,
         review_state: PropTypes.string,
         title: PropTypes.string,
-        url: PropTypes.string
-      })
-    )
+        url: PropTypes.string,
+      }),
+    ),
   }).isRequired,
 };
 
-export default ListView;
+export default ListingView;

src/components/theme/View/ListingView.test.jsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import configureStore from 'redux-mock-store';
+import { Provider } from 'react-intl-redux';
+
+import ListingView from './ListingView';
+
+const mockStore = configureStore();
+
+describe('ListingView', () => {
+  it('renders a listing_view component', () => {
+    const store = mockStore({
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+    const component = renderer.create(
+      <Provider store={store}>
+        <ListingView
+          content={{
+            title: 'Hello World!',
+            description: 'Hi',
+            items: [
+              {
+                title: 'My item',
+                description: 'My item description',
+                url: 'http://item',
+                '@type': 'Document',
+              },
+              {
+                title: 'Second item',
+                description: 'My second item description',
+                url: 'http://item2',
+                '@type': 'Document',
+              },
+            ],
+          }}
+        />
+      </Provider>,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+});

src/components/theme/View/View.jsx

@@ -7,7 +7,12 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 
-import { SummaryView, TabularView, DocumentView, ListView } from '../../../components';
+import {
+  SummaryView,
+  TabularView,
+  DocumentView,
+  ListingView,
+} from '../../../components';
 import { getContent } from '../../../actions';
 
 /**
@@ -87,7 +92,7 @@ export default class View extends Component {
       case 'tabular_view':
         return <TabularView content={this.props.content} />;
       case 'listing_view':
-        return <ListView content={this.props.content} />;
+        return <ListingView content={this.props.content} />;
       default:
         return <DocumentView content={this.props.content} />;
     }

src/components/theme/View/__snapshots__/ListingView.test.jsx.snap

@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ListingView renders a listing_view component 1`] = `
+<div
+  id="page-home"
+>
+  <section
+    id="content-core"
+  >
+    <article>
+      <h2>
+        <a
+          onClick={[Function]}
+          style={Object {}}
+          title="Document"
+        >
+          My item
+        </a>
+      </h2>
+      <p>
+        My item description
+      </p>
+    </article>
+    <article>
+      <h2>
+        <a
+          onClick={[Function]}
+          style={Object {}}
+          title="Document"
+        >
+          Second item
+        </a>
+      </h2>
+      <p>
+        My second item description
+      </p>
+    </article>
+  </section>
+</div>
+`;