test(e2e): add base babelrc support tests for dev and prod

Author: pieh

e2e-tests/development-runtime/cypress/integration/functionality/babelrc.js

@@ -0,0 +1,11 @@
+const TEST_ELEMENT = `test-element`
+
+describe(`babelrc`, () => {
+  it(`Applies .babelrc`, () => {
+    cy.visit(`/babelrc/base/`).waitForRouteChange()
+
+    cy.getTestElement(TEST_ELEMENT)
+      .invoke(`text`)
+      .should(`eq`, `babel-rc-is-used`)
+  })
+})

e2e-tests/development-runtime/package.json

@@ -4,6 +4,7 @@
   "version": "1.0.0",
   "author": "Dustin Schau <dustin@gatsbyjs.com>",
   "dependencies": {
+    "babel-plugin-search-and-replace": "^1.1.0",
     "gatsby": "^3.0.0-next.6",
     "gatsby-image": "^3.0.0-next.0",
     "gatsby-plugin-image": "^1.0.0-next.5",

e2e-tests/development-runtime/src/pages/babelrc/base/.babelrc

@@ -0,0 +1,20 @@
+{
+  "plugins": [
+    [
+      "babel-plugin-search-and-replace",
+      {
+        "rules": [
+          {
+            "search": "babel-rc-test",
+            "replace": "babel-rc-is-used",
+            "searchTemplateStrings": true
+          }
+          
+        ]
+      }
+    ]
+  ],
+  "presets": [
+    "babel-preset-gatsby"
+  ]
+}

e2e-tests/development-runtime/src/pages/babelrc/base/index.js

@@ -0,0 +1,13 @@
+import React from "react"
+
+export default function BabelrcBase() {
+  return (
+    <>
+      <p>
+        Code block below should contain <code>babel-rc-is-used</code> when
+        compiled
+      </p>
+      <pre data-testid="test-element">babel-rc-test</pre>
+    </>
+  )
+}

e2e-tests/production-runtime/cypress/integration/babelrc.js

@@ -0,0 +1,11 @@
+const TEST_ELEMENT = `test-element`
+
+describe(`babelrc`, () => {
+  it(`Applies .babelrc`, () => {
+    cy.visit(`/babelrc/base/`).waitForRouteChange()
+
+    cy.getTestElement(TEST_ELEMENT)
+      .invoke(`text`)
+      .should(`eq`, `babel-rc-is-used`)
+  })
+})

e2e-tests/production-runtime/package.json

@@ -4,6 +4,7 @@
   "version": "1.0.0",
   "author": "Kyle Mathews <mathews.kyle@gmail.com>",
   "dependencies": {
+    "babel-plugin-search-and-replace": "^1.1.0",
     "cypress": "^6.5.0",
     "gatsby": "^3.0.0-next.6",
     "gatsby-plugin-image": "^1.0.0-next.5",

e2e-tests/production-runtime/src/pages/babelrc/base/.babelrc

@@ -0,0 +1,20 @@
+{
+  "plugins": [
+    [
+      "babel-plugin-search-and-replace",
+      {
+        "rules": [
+          {
+            "search": "babel-rc-test",
+            "replace": "babel-rc-is-used",
+            "searchTemplateStrings": true
+          }
+          
+        ]
+      }
+    ]
+  ],
+  "presets": [
+    "babel-preset-gatsby"
+  ]
+}

e2e-tests/production-runtime/src/pages/babelrc/base/index.js

@@ -0,0 +1,13 @@
+import React from "react"
+
+export default function BabelrcBase() {
+  return (
+    <>
+      <p>
+        Code block below should contain <code>babel-rc-is-used</code> when
+        compiled
+      </p>
+      <pre data-testid="test-element">babel-rc-test</pre>
+    </>
+  )
+}