首页 发现 帮助
注册 登录
oleg
/
spruce
1
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

tests(persistence): write cypress tests

Ryan Chandler 4 年之前
父节点
16304ae863
当前提交
031038c8dd
共有 12 个文件被更改，包括 759 次插入 和 15 次删除
合并视图 显示文件统计
  1. 24 0
      .github/workflows/cypress-tests.yml
  2. 2 4
      .github/workflows/jest-tests.yml
  3. 2 1
      .gitignore
  4. 7 0
      cypress.json
  5. 3 0
      jest.config.js
  6. 7 2
      package.json
  7. 5 0
      tests/cypress/bootstrap.js
  8. 18 0
      tests/cypress/fixtures/persistence/check-persisted.html
  9. 15 0
      tests/cypress/fixtures/persistence/init.html
  10. 21 0
      tests/cypress/fixtures/persistence/store-methods.html
  11. 31 0
      tests/cypress/integration/persistence.spec.js
  12. 624 8
      yarn.lock

+ 24 - 0
.github/workflows/cypress-tests.yml
查看文件 

@@ -0,0 +1,24 @@
 
+name: Run Jest tests
 
+
 
+on: [pull_request]
 
+
 
+jobs:
 
+  tests:
 
+
 
+    runs-on: ubuntu-latest
 
+
 
+    strategy:
 
+      matrix:
 
+        node-version: [12.x]
 
+
 
+    steps:
 
+      - name: Checkout repository
 
+        uses: actions/checkout@v1
 
+
 
+      - name: Run Cypress
 
+        uses: cypress-io/github-action@v2
 
+        with:
 
+          build: yarn build
 
+          start: yarn pre-cypress
 
+          browser: chrome
 
+          headless: true

+ 2 - 4
.github/workflows/tests.yml → .github/workflows/jest-tests.yml
查看文件 

@@ -1,8 +1,6 @@
 
-name: Run tests
 
+name: Run Jest tests
 
 
 
-on:
 
-  push:
 
-  pull_request:
 
+on: [pull_request]
 
 
 
 jobs:
 
 jobs:
 
   tests:
 
   tests:

+ 2 - 1
.gitignore
查看文件 

@@ -1,2 +1,3 @@
 
 /node_modules
 
 /node_modules
 
-yarn-error.log
 
+yarn-error.log
 
+/cypress

+ 7 - 0
cypress.json
查看文件 

@@ -0,0 +1,7 @@
 
+{
 
+    "video": false,
 
+    "pluginsFile": false,
 
+    "supportFile": "tests/cypress/bootstrap.js",
 
+    "integrationFolder": "tests/cypress/integration",
 
+    "baseUrl": "http://127.0.0.1:8080"
 
+}

+ 3 - 0
jest.config.js
查看文件 

@@ -2,5 +2,8 @@ module.exports = {
 
     moduleDirectories: [
 
     moduleDirectories: [
 
         'node_modules',
 
         'node_modules',
 
         'src'
 
         'src'
 
+    ],
 
+    testPathIgnorePatterns: [
 
+        'tests/cypress/'
 
     ]
 
     ]
 
 }
 
 }

+ 7 - 2
package.json
查看文件 

@@ -15,7 +15,9 @@
 
     "scripts": {
 
     "scripts": {
 
         "build": "microbundle",
 
         "build": "microbundle",
 
         "watch": "microbundle watch",
 
         "watch": "microbundle watch",
 
-        "test": "jest"
 
+        "test": "jest",
 
+        "pre-cypress": "http-server",
 
+        "cypress": "start-server-and-test 'http-server -c-1 --silent' 8080 'npx cypress run'"
 
     },
 
     },
 
     "dependencies": {
 
     "dependencies": {
 
         "alpinejs": "^2.5"
 
         "alpinejs": "^2.5"
 
@@ -24,9 +26,12 @@
 
         "@babel/preset-env": "^7.9.5",
 
         "@babel/preset-env": "^7.9.5",
 
         "@testing-library/dom": "^7.2.2",
 
         "@testing-library/dom": "^7.2.2",
 
         "@testing-library/jest-dom": "^5.5.0",
 
         "@testing-library/jest-dom": "^5.5.0",
 
+        "cypress": "^5.4.0",
 
+        "http-server": "^0.12.3",
 
         "jest": "^25.4.0",
 
         "jest": "^25.4.0",
 
         "jsdom-simulant": "^1.1.2",
 
         "jsdom-simulant": "^1.1.2",
 
         "microbundle": "^0.11.0",
 
         "microbundle": "^0.11.0",
 
-        "observable-membrane": "^0.26.1"
 
+        "observable-membrane": "^0.26.1",
 
+        "start-server-and-test": "^1.11.5"
 
     }
 
     }
 
 }
 
 }

+ 5 - 0
tests/cypress/bootstrap.js
查看文件 

@@ -0,0 +1,5 @@
 
+/* global cy, Cypress */
 
+
 
+Cypress.on('window:before:load', win => {
 
+    cy.spy(win.console, 'error')
 
+})

+ 18 - 0
tests/cypress/fixtures/persistence/check-persisted.html
查看文件 

@@ -0,0 +1,18 @@
 
+<html>
 
+    <head>
 
+        <script src="/dist/spruce.umd.js"></script>
 
+        <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.js"></script>
 
+    </head>
 
+    <body>
 
+        <div x-data>
 
+            <p x-text="$store.persisted.foo"></p>
 
+            <button @click="$store.persisted.foo = 'car'"></button>
 
+        </div>
 
+
 
+        <script>
 
+            Spruce.store('persisted', {
 
+                foo: 'bar'
 
+            }, true)
 
+        </script>
 
+    </body>
 
+</html>

+ 15 - 0
tests/cypress/fixtures/persistence/init.html
查看文件 

@@ -0,0 +1,15 @@
 
+<html>
 
+    <head>
 
+        <script src="/dist/spruce.umd.js"></script>
 
+        <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.js"></script>
 
+    </head>
 
+    <body>
 
+        <p x-data x-text="$store.persisted.foo"></p>
 
+
 
+        <script>
 
+            Spruce.store('persisted', {
 
+                foo: 'bar'
 
+            }, true)
 
+        </script>
 
+    </body>
 
+</html>

+ 21 - 0
tests/cypress/fixtures/persistence/store-methods.html
查看文件 

@@ -0,0 +1,21 @@
 
+<html>
 
+    <head>
 
+        <script src="/dist/spruce.umd.js"></script>
 
+        <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.js"></script>
 
+    </head>
 
+    <body>
 
+        <div x-data>
 
+            <p x-text="$store.persisted.foo"></p>
 
+            <button @click="$store.persisted.changeFoo()"></button>
 
+        </div>
 
+
 
+        <script>
 
+            Spruce.store('persisted', {
 
+                foo: 'bar',
 
+                changeFoo() {
 
+                    this.foo = 'car'
 
+                }
 
+            }, true)
 
+        </script>
 
+    </body>
 
+</html>

+ 31 - 0
tests/cypress/integration/persistence.spec.js
查看文件 

@@ -0,0 +1,31 @@
 
+/* global describe, it, cy */
 
+
 
+describe('persisted stores', () => {
 
+    it('should not fail when persisted store is initialised', () => {
 
+        cy.visit('/tests/cypress/fixtures/persistence/init.html')
 
+
 
+        cy.get('p').should('have.text', 'bar')
 
+    })
 
+
 
+    it('should persist data between visits', () => {
 
+        cy.visit('/tests/cypress/fixtures/persistence/check-persisted.html')
 
+
 
+        cy.get('p').should('have.text', 'bar')
 
+
 
+        cy.get('button').click()
 
+        cy.get('p').should('have.text', 'car')
 
+
 
+        cy.reload()
 
+
 
+        cy.get('p').should('have.text', 'car')
 
+    })
 
+
 
+    it('should be able to call store methods when persisted', () => {
 
+        cy.visit('/tests/cypress/fixtures/persistence/store-methods.html')
 
+
 
+        cy.get('p').should('have.text', 'bar')
 
+
 
+        cy.get('button').click()
 
+        cy.get('p').should('have.text', 'car')
 
+    })
 
+})

文件差异内容过多而无法显示
+ 624 - 8
yarn.lock


部分文件因为文件数量过多而无法显示