From 50c68a28bf877ec24bfa5c18bdb63b30477c407e Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Fri, 20 Apr 2018 15:41:42 -0400
Subject: Single Item Test

---
 frontend/components/ErrorMessage.js |  4 ++--
 frontend/components/SingleItem.js   | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

(limited to 'frontend/components')

diff --git a/frontend/components/ErrorMessage.js b/frontend/components/ErrorMessage.js
index c73a2b7..5da8d2a 100644
--- a/frontend/components/ErrorMessage.js
+++ b/frontend/components/ErrorMessage.js
@@ -23,7 +23,7 @@ const DisplayError = ({ error, refetch }) => {
   if (error.networkError && error.networkError.result && error.networkError.result.errors.length) {
     return error.networkError.result.errors.map((error, i) => (
       <StyledError key={i}>
-        <p>
+        <p data-test="graphql-error">
           <strong>Shoot!</strong>
           {error.message.replace('GraphQL error: ', '')}
         </p>
@@ -32,7 +32,7 @@ const DisplayError = ({ error, refetch }) => {
   }
   return (
     <StyledError>
-      <p>
+      <p data-test="graphql-error">
         <strong>Shoot!</strong>
         {error.message.replace('GraphQL error: ', '')}
         <button onClick={refetch}>Try Again</button>
diff --git a/frontend/components/SingleItem.js b/frontend/components/SingleItem.js
index a7f9d27..4550b84 100644
--- a/frontend/components/SingleItem.js
+++ b/frontend/components/SingleItem.js
@@ -1,9 +1,9 @@
 import { Query } from 'react-apollo';
 import PropTypes from 'prop-types';
 import { SINGLE_ITEM_QUERY } from '../queries/queries';
-import Dump from './Dump';
 import styled from 'styled-components';
 import Link from 'next/link';
+import Dump from './Dump';
 import Error from './ErrorMessage';
 
 const SingleItemStyles = styled.div`
@@ -22,19 +22,19 @@ const SingleItemStyles = styled.div`
 
 const SingleItem = props => (
   <Query query={SINGLE_ITEM_QUERY} variables={{ id: props.id }}>
-    {({ data: { items }, loading, error }) => {
+    {({ data, loading, error }) => {
       if (loading) return <p>Loading...</p>;
-      const [item] = items;
+      if (error) return <Error error={error} />;
+      const [item] = data.items;
       return (
         <SingleItemStyles data-test="SingleItem">
-          <Error error={error} />
           <img src={item.largeImage || item.image} alt={item.title} />
           <div className="details">
             <h2>Viewing {item.title}</h2>
             <p>{item.description}</p>
             <Link
               href={{
-                pathname: '/admin/update',
+                pathname: '/update',
                 query: { id: item.id },
               }}
             >
-- 
cgit v1.3