fix(gatsby,gatsby-plugin-page-creator): Materialize nodes in gatsbyPath (#37111)

Author: LekoArts

e2e-tests/development-runtime/cypress/integration/unified-routing/collection-routing.js

@@ -143,4 +143,11 @@ describe(`collection-routing`, () => {
       assert404(`updated-node`)
     })
   })
+
+  it(`gatsbyPath should support materialized field values`, () => {
+    cy.visit(`/collection-routing/gatsby-path-materialized-linked-name/gatsby-path-materialized-parent-name`).waitForRouteChange()
+
+    cy.findByTestId(`gatsby-path-materialized`)
+    cy.should(`have.text`, `/collection-routing/gatsby-path-materialized-linked-name/gatsby-path-materialized-parent-name/`)
+  })
 })

e2e-tests/development-runtime/gatsby-node.js

@@ -30,6 +30,14 @@ exports.createSchemaCustomization = ({ actions, schema, store }) => {
       slug: String!
       content: String!
     }
+
+    type GatsbyPathMaterializedParent implements Node {
+      childType: GatsbyPathMaterializedLinked @link(by: "name")
+    }
+
+    type GatsbyPathMaterializedLinked implements Node {
+      name: String!
+    }
   `)
 }
 
@@ -91,6 +99,29 @@ exports.sourceNodes = ({ actions, createNodeId, createContentDigest }) => {
       contentDigest: createContentDigest(`Some words`),
     },
   })
+
+  actions.createNode({
+    id: createNodeId(`gatsby-path-materialized-parent`),
+    name: `gatsby-path-materialized Parent Name`,
+    childType: `gatsby-path-materialized Linked Name`,
+    parent: null,
+    children: [],
+    internal: {
+      type: `GatsbyPathMaterializedParent`,
+      contentDigest: createContentDigest(`Some words`),
+    },
+  })
+
+  actions.createNode({
+    id: createNodeId(`gatsby-path-materialized-linked`),
+    name: `gatsby-path-materialized Linked Name`,
+    parent: null,
+    children: [],
+    internal: {
+      type: `GatsbyPathMaterializedLinked`,
+      contentDigest: createContentDigest(`Some words`),
+    },
+  })
 }
 
 /**

e2e-tests/development-runtime/src/pages/collection-routing/{GatsbyPathMaterializedParent.childType__name}/{GatsbyPathMaterializedParent.name}.js

@@ -0,0 +1,23 @@
+import * as React from "react"
+import { Link, graphql } from "gatsby"
+import Layout from "../../../components/layout"
+
+const MaterializedPage = (props) => (
+  <Layout>
+    <p data-testid="gatsby-path-materialized">{props.data.gatsbyPathMaterializedParent.gatsbyPath}</p>
+    <Link to="/">Back to home</Link>
+  </Layout>
+)
+
+export default MaterializedPage
+
+export const query = graphql`
+  query {
+    gatsbyPathMaterializedParent {
+      name
+      gatsbyPath(
+        filePath: "/collection-routing/{GatsbyPathMaterializedParent.childType__name}/{GatsbyPathMaterializedParent.name}"
+      )
+    }
+  }
+`