test(e2e): add editing .babelrc case

Author: pieh

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

@@ -8,4 +8,24 @@ describe(`babelrc`, () => {
       .invoke(`text`)
       .should(`eq`, `babel-rc-is-used`)
   })
+
+  describe(`hot reload`, () => {
+    it(`editing .babelrc`, () => {
+      cy.visit(`/babelrc/edit/`).waitForRouteChange()
+
+      cy.getTestElement(TEST_ELEMENT)
+        .invoke(`text`)
+        .should(`eq`, `babel-rc-initial`)
+
+      cy.exec(
+        `npm run update -- --file src/pages/babelrc/edit/index.js --replacements "babel-rc-test:babel-rc-edited" --exact`
+      )
+
+      cy.waitForHmr()
+
+      cy.getTestElement(TEST_ELEMENT)
+        .invoke(`text`)
+        .should(`eq`, `babel-rc-edited`)
+    })
+  })
 })

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

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

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

@@ -0,0 +1,13 @@
+import React from "react"
+
+export default function BabelrcEdit() {
+  return (
+    <>
+      <p>
+        Code block below should contain <code>babel-rc-edited</code> first and
+        after edit it should contain <code>babel-rc-edited</code>
+      </p>
+      <pre data-testid="test-element">babel-rc-edited</pre>
+    </>
+  )
+}