cypress test test.html in cypress/pages

bimdata · May 12, 2020 · d9d3d9e · d9d3d9e
1 parent b558ebc
commit d9d3d9e
Show file tree

Hide file tree

Showing 5 changed files with 60 additions and 6 deletions.
diff --git a/cypress.json b/cypress.json
@@ -1,3 +1,3 @@
 {
-  "baseUrl": "http://localhost:3030"
+  "baseUrl": "http://localhost:3030/cypress/pages/"
 }
diff --git a/cypress/fixtures/example.json b/cypress/fixtures/example.json
@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "[email protected]",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}
diff --git a/cypress/integration/test.js b/cypress/integration/test.js
@@ -1,5 +1,21 @@
-describe('My First Test', () => {
-  it('Does not do much!', () => {
-    expect(true).to.equal(true)
+describe('Starting with simple area', () => {
+  beforeEach(() => {
+    cy.visit('test');
+    const cfg = {
+      components: [{ render(h) { return h("div", "Hey !") } }],
+      layout: {
+        componentIndex: 0
+      }
+    };
+    cy.window().then(win => {
+      win.areas = win.mountApp(cfg);
+    });
+  });
+
+  it('Should render the simple area', () => {
+    cy.get("#window-1").contains("Hey !");
+    cy.window().then(win => {
+      cy.get("#app").then(app => expect(win.areas.$el).to.equal(app))
+    })
   });
 });
diff --git a/cypress/pages/test.html b/cypress/pages/test.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Window manager</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module">
+    import Vue from 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.esm.browser.js';
+    import WindowManager from "../../dist/windowmanager.esm.js";
+
+    window.mountApp = cfg =>
+      new Vue({
+        render(h) {
+          return h("div", { style: "width: 80%; margin: auto; height: 600px;", domProps: { id: "app" } }, [h(WindowManager,
+            {
+              ref: "windowmanager",
+              props: {
+                cfg
+              }
+            }
+          )]);
+        },
+      }).$mount('#app');
+    // vm.$refs.windowmanager.getComponentByName("comp1").cfg.props.text = "Youhou ! =D"; // This is reactive !
+  </script>
+</body>
+
+</html>
diff --git a/package.json b/package.json
@@ -8,8 +8,8 @@
   "scripts": {
     "test:unit": "jest ./unitTest",
     "test:e2e": "npm run build:prod && start-server-and-test 'npm run serve -- -p 3030' 3030 cy:run",
-    "serve": "http-server . -c-1",
-    "cy:run": "cypress run",
+    "serve": "http-server -c-1",
+    "cy:run": "cypress open",
     "build:dev": "rollup -c --environment BUILD:development",
     "build:prod": "rollup -c --environment BUILD:production",
     "prebuild": "rm -rf dist",