test(e2e): add tests for custom fields and custom resolvers

Author: axe312ger

e2e-tests/contentful/cypress/integration/delivery/custom-fields.js

@@ -0,0 +1,19 @@
+describe(`custom-fields`, () => {
+  beforeEach(() => {
+    cy.visit("/custom-fields").waitForRouteChange()
+  })
+
+  it(`custom-fields: custom field`, () => {
+    cy.get(`[data-cy-id="field"] [data-cy-value]`).should(
+      `have.text`,
+      `customFieldValue`
+    )
+  })
+
+  it(`custom-fields: custom resolver`, () => {
+    cy.get(`[data-cy-id="resolver"] [data-cy-value]`).should(
+      `have.text`,
+      `customResolverResult`
+    )
+  })
+})

e2e-tests/contentful/gatsby-node.js

@@ -0,0 +1,39 @@
+exports.onCreateNode = ({ node, actions }) => {
+  const { createNodeField } = actions
+
+  if (node.internal.type === "ContentfulContentTypeText") {
+    createNodeField({
+      node,
+      name: "customField",
+      value: "customFieldValue",
+    })
+  }
+}
+
+exports.createSchemaCustomization = ({ actions, schema }) => {
+  const { createTypes } = actions
+
+  const typeDefs = `
+    type ContentfulContentTypeTextFields {
+      customField: String!
+    }
+    type ContentfulContentTypeText {
+      fields: ContentfulContentTypeTextFields!
+    }
+  `
+
+  createTypes(typeDefs)
+}
+
+exports.createResolvers = ({ createResolvers }) => {
+  createResolvers({
+    ContentfulContentTypeText: {
+      customResolver: {
+        type: 'String!',
+        resolve(source, args, context, info) {
+          return "customResolverResult"
+        },
+      },
+    },
+  })
+}

e2e-tests/contentful/src/pages/custom-fields.js

@@ -0,0 +1,35 @@
+import { graphql } from "gatsby"
+import * as React from "react"
+
+import Layout from "../components/layout"
+
+const CustomFieldsPage = ({ data }) => {
+  const {
+    contentfulContentTypeText
+  } = data
+  return (
+    <Layout>
+      <h2>Custom Field:</h2>
+      <div data-cy-id="field">
+        <p data-cy-value>{contentfulContentTypeText.fields.customField}</p>
+      </div>
+      <h2>Custom Resolver:</h2>
+      <div data-cy-id="resolver">
+        <p data-cy-value>{contentfulContentTypeText.customResolver}</p>
+      </div>
+    </Layout>
+  )
+}
+
+export default CustomFieldsPage
+
+export const pageQuery = graphql`
+  query TextQuery {
+    contentfulContentTypeText {
+      fields {
+        customField
+      }
+      customResolver
+    }
+  }
+`

e2e-tests/contentful/src/pages/index.js

@@ -59,6 +59,9 @@ const IndexPage = () => (
       <li>
         <Link to="/ssr">SSR</Link>
       </li>
+      <li>
+        <Link to="/custom-fields">Custom Fields &amp; Resolver</Link>
+      </li>
     </ul>
   </Layout>
 )