start fullstack example

bahmutov · bahmutov · commit 8e7f19d2ed51 · 2020-04-09T16:56:12.000-04:00
diff --git a/examples/fullstack/README.md b/examples/fullstack/README.md
@@ -0,0 +1,3 @@
+# example: fullstack
+
+> Combined code coverage from the backend code, and e2e and unit tests
diff --git a/examples/fullstack/cypress.json b/examples/fullstack/cypress.json
@@ -0,0 +1,9 @@
+{
+  "fixturesFolder": false,
+  "baseUrl": "http://localhost:3003",
+  "env": {
+    "codeCoverage": {
+      "url": "http://localhost:3003/__coverage__"
+    }
+  }
+}
diff --git a/examples/fullstack/cypress/integration/spec.js b/examples/fullstack/cypress/integration/spec.js
@@ -0,0 +1,16 @@
+/// <reference types="Cypress" />
+it('uses frontend code and calls backend', () => {
+  cy.visit('/')
+  cy.contains('Page body').should('be.visible')
+
+  cy.window()
+    .invoke('add', 2, 3)
+    .should('equal', 5)
+
+  cy.window()
+    .invoke('sub', 2, 3)
+    .should('equal', -1)
+
+  cy.log('** backend request **')
+  cy.request('/hello')
+})
diff --git a/examples/fullstack/cypress/plugins/index.js b/examples/fullstack/cypress/plugins/index.js
@@ -0,0 +1,5 @@
+module.exports = (on, config) => {
+  require('../../../../task')(on, config)
+  on('file:preprocessor', require('../../../../use-babelrc'))
+  return config
+}
diff --git a/examples/fullstack/cypress/support/index.js b/examples/fullstack/cypress/support/index.js
@@ -0,0 +1 @@
+import '../../../../support'
diff --git a/examples/fullstack/main.js b/examples/fullstack/main.js
@@ -0,0 +1,3 @@
+window.add = (a, b) => a + b
+
+window.sub = (a, b) => a - b
diff --git a/examples/fullstack/package.json b/examples/fullstack/package.json
@@ -0,0 +1,10 @@
+{
+  "name": "example-fullstack",
+  "description": "Combined code coverage from the backend code, and e2e and unit tests",
+  "devDependencies": {},
+  "scripts": {
+    "start": "../../node_modules/.bin/nyc --silent node server/server",
+    "cy:open": "../../node_modules/.bin/cypress open",
+    "dev": "../../node_modules/.bin/start-test 3003 cy:open"
+  }
+}
diff --git a/examples/fullstack/server/index.html b/examples/fullstack/server/index.html
@@ -0,0 +1,4 @@
+<body>
+  Page body
+  <script src="main-instrumented.js"></script>
+</body>
diff --git a/examples/fullstack/server/main-instrumented.js b/examples/fullstack/server/main-instrumented.js
diff --git a/examples/fullstack/server/server.js b/examples/fullstack/server/server.js
@@ -0,0 +1,21 @@
+const express = require('express')
+const app = express()
+const port = 3003
+
+// if there is code coverage information
+// then expose an endpoint that returns it
+/* istanbul ignore next */
+if (global.__coverage__) {
+  console.log('have code coverage, will add middleware for express')
+  console.log(`to fetch: GET :${port}/__coverage__`)
+  require('../../../middleware/express')(app)
+}
+
+app.use(express.static(__dirname))
+
+app.get('/hello', (req, res) => {
+  console.log('sending hello world')
+  res.send('Hello World!')
+})
+
+app.listen(port, () => console.log(`Example app listening on port ${port}!`))

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# example: fullstack`
	`2`	`+`
	`3`	`+> Combined code coverage from the backend code, and e2e and unit tests`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+window.add = (a, b) => a + b`
	`2`	`+`
	`3`	`+window.sub = (a, b) => a - b`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +<body>
 +  Page body
 +  <script src="main-instrumented.js"></script>
 +</body>