首頁 探索 說明
註冊 登入
oleg
/
spruce
1
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
瀏覽代碼

tests: array watchers

Ryan Chandler 4 年之前
父節點
a3632ee381
當前提交
342423525c
共有 2 個文件被更改，包括 38 次插入 和 5 次删除
分割檢視 顯示文件統計
  1. 27 2
      tests/cypress/fixtures/watchers/init.html
  2. 11 3
      tests/cypress/integration/watchers.spec.js

+ 27 - 2
tests/cypress/fixtures/watchers/init.html
查看文件 

@@ -4,17 +4,42 @@
 
     </head>
 
     <body>
 
         <p x-data x-text="$store.persisted.foo"></p>
 
-        <button x-data @click="$store.persisted.foo = 'car'"></button>
 
-        <span x-data x-text="$store.persisted.bar"></span>
 
+        <button data-change-foo x-data @click="$store.persisted.foo = 'car'"></button>
 
+        <span data-bar x-data x-text="$store.persisted.bar"></span>
 
+
 
+        <div x-data>
 
+            <ul>
 
+                <template x-for="todo in $store.todo.todos">
 
+                    <li data-todo-item x-text="todo"></li>
 
+                </template>
 
+            </ul>
 
+            <button data-add-todo @click="$store.todo.add('Example')">Add Todo</button>
 
+            <span data-todo-label x-text="$store.todoLabel.test"></span>
 
+        </div>
 
 
         <script src="/dist/spruce.umd.js"></script>
 
 
         <script>
 
+            Spruce.store('todo', {
 
+                todos: [],
 
+                add(todo) {
 
+                    this.todos.push(todo)
 
+                }
 
+            })
 
+
 
+            Spruce.store('todoLabel', {
 
+                test: 'Yes!'
 
+            })
 
+
 
             Spruce.store('persisted', {
 
                 foo: 'bar',
 
                 bar: 'boo'
 
             }, true)
 
 
+            Spruce.watch('todo.todos', () => {
 
+                Spruce.store('todoLabel').test = 'Yay!'
 
+            })
 
+
 
             Spruce.watch('persisted.foo', () => {
 
                 Spruce.store('persisted').bar = 'bop'
 
             })

+ 11 - 3
tests/cypress/integration/watchers.spec.js
查看文件 

@@ -5,11 +5,19 @@ describe('watchers', () => {
 
         cy.visit('/tests/cypress/fixtures/watchers/init.html')
 
 
         cy.get('p').should('have.text', 'bar')
 
-        cy.get('span').should('have.text', 'boo')
 
+        cy.get('[data-bar]').should('have.text', 'boo')
 
 
-        cy.get('button').click()
 
+        cy.get('[data-change-foo]').click()
 
 
         cy.get('p').should('have.text', 'car')
 
-        cy.get('span').should('have.text', 'bop')
 
+        cy.get('[data-bar]').should('have.text', 'bop')
 
+
 
+        cy.get('[data-todo-item]').should('have.length', 0)
 
+        cy.get('[data-todo-label]').should('have.text', 'Yes!')
 
+
 
+        cy.get('[data-add-todo]').click()
 
+
 
+        cy.get('[data-todo-item]').should('have.length', 1)
 
+        cy.get('[data-todo-label]').should('have.text', 'Yay!')
 
     })
 
 })