Skip to content

Commit

Permalink
add more e2e test - editing prop in markdown, editing component impor…
Browse files Browse the repository at this point in the history
…ted by mdx
  • Loading branch information
pieh committed May 11, 2021
1 parent 3b5d084 commit 63d754d
Show file tree
Hide file tree
Showing 4 changed files with 66 additions and 1 deletion.
46 changes: 45 additions & 1 deletion e2e-tests/mdx/cypress/integration/hmr.js
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ if (Cypress.env("GATSBY_COMMAND") === `develop`) {
cy.exec(`npm run reset`)
})

it(`Can hot-reload`, () => {
it(`Can hot-reload markdown content`, () => {
cy.visit(`/hmr`, {
onBeforeLoad: win => {
cy.spy(win.console, "log").as(`hmrConsoleLog`)
Expand All @@ -24,4 +24,48 @@ if (Cypress.env("GATSBY_COMMAND") === `develop`) {

cy.get(`h2`).invoke(`text`).should(`eq`, `Ipsum`)
})

it(`Can hot-reload react content (i.e. change prop in mdx content)`, () => {
cy.visit(`/hmr`, {
onBeforeLoad: win => {
cy.spy(win.console, "log").as(`hmrConsoleLog`)
},
}).waitForRouteChange()
cy.get(`[data-testid="test-prop-edit"]`)
.invoke(`text`)
.should(`eq`, `prop-before`)

cy.exec(
`npm run update -- --file src/pages/hmr.mdx --exact --replacements "prop-before:prop-after"`
)

cy.get(`@hmrConsoleLog`).should(`be.calledWithMatch`, `App is up to date`)
cy.wait(1000)

cy.get(`[data-testid="test-prop-edit"]`)
.invoke(`text`)
.should(`eq`, `prop-after`)
})

it(`Can hot-reload imported js components`, () => {
cy.visit(`/hmr`, {
onBeforeLoad: win => {
cy.spy(win.console, "log").as(`hmrConsoleLog`)
},
}).waitForRouteChange()
cy.get(`[data-testid="test-imported-edit"]`)
.invoke(`text`)
.should(`eq`, `component-before`)

cy.exec(
`npm run update -- --file src/components/hmr-component-edit.js --exact --replacements "component-before:component-after"`
)

cy.get(`@hmrConsoleLog`).should(`be.calledWithMatch`, `App is up to date`)
cy.wait(1000)

cy.get(`[data-testid="test-imported-edit"]`)
.invoke(`text`)
.should(`eq`, `component-after`)
})
}
7 changes: 7 additions & 0 deletions e2e-tests/mdx/src/components/hmr-component-edit.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
import React from "react"

const HMRImportEditComponent = () => (
<div data-testid="test-imported-edit">component-before</div>
)

export default HMRImportEditComponent
7 changes: 7 additions & 0 deletions e2e-tests/mdx/src/components/hmr-prop-edit.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
import React from "react"

const HMRPropEditComponent = ({ test }) => (
<div data-testid="test-prop-edit">{test}</div>
)

export default HMRPropEditComponent
7 changes: 7 additions & 0 deletions e2e-tests/mdx/src/pages/hmr.mdx
Original file line number Diff line number Diff line change
@@ -1 +1,8 @@
import HMRImportEditComponent from "../components/hmr-component-edit"
import HMRPropEditComponent from "../components/hmr-prop-edit"

## Lorem

<HMRImportEditComponent />

<HMRPropEditComponent test="prop-before" />

0 comments on commit 63d754d

Please sign in to comment.