test(overmind-svelte): add tests

Author: mfeitoza

packages/node_modules/overmind-svelte/src/CountTest.svelte

@@ -0,0 +1,22 @@
+<script>
+
+    export let store
+
+    $: count = $store.state.count
+    let doubled = undefined
+    store.reaction(
+        (state) => state.count,
+        (value) => {
+            doubled = value * 2
+        },
+        {
+            immediate: true
+        }
+    )
+    
+</script>
+
+<p>Count: {count}</p>
+<p>Doubled: {doubled}</p>
+<button id="increase" on:click={() => store.actions.increase()}>Increase</button>
+<button id="decrease" on:click={() => store.actions.decrease()}>Increase</button>

packages/node_modules/overmind-svelte/src/index.test.ts

@@ -0,0 +1,87 @@
+
+import '@testing-library/jest-dom/extend-expect'
+import { render, fireEvent } from '@testing-library/svelte'
+
+import { Overmind } from 'overmind'
+
+import { createMixin } from './'
+import CountTest from './CountTest.svelte'
+
+
+const app = {
+  state: {
+      count: 0
+  },
+  actions: {
+      increase({ state }) {
+      state.count++;
+      },
+      decrease({ state }) {
+      state.count--;
+      }
+  }
+}
+
+describe('Svelte', () => {
+  test('should create mixin', () => {
+    const overmind = new Overmind(app)
+    const mixin = createMixin(overmind)
+
+    expect('state' in mixin)
+  })
+
+  test('should expose subscribe', () => {
+    const overmind = new Overmind(app)
+    const mixin = createMixin(overmind)
+
+    expect(typeof mixin.subscribe === 'function')
+  })
+
+  test('should display current state', () => {
+    const overmind = new Overmind(app)
+    const mixin = createMixin(overmind)
+
+    const { getByText, getAllByRole } = render(CountTest, { store: mixin })
+    expect(getByText('Count: 0')).toBeInTheDocument()
+  })
+
+  test('should update state by button click', async () => {
+    const overmind = new Overmind(app)
+    const mixin = createMixin(overmind)
+
+    const { getAllByRole } = render(CountTest, { store: mixin })
+    const [increaseBtn, ] = getAllByRole('button')
+
+    await fireEvent.click(increaseBtn)
+    await fireEvent.click(increaseBtn)
+
+    expect(mixin.state.count === 2)
+  })
+
+  test('should update view on state change', async () => {
+    const overmind = new Overmind(app)
+    const mixin = createMixin(overmind)
+
+    const { getByText, getAllByRole } = render(CountTest, { store: mixin })
+    const [increaseBtn, decreaseBtn] = getAllByRole('button')
+
+    await fireEvent.click(increaseBtn)
+
+    expect(getByText('Count: 1')).toBeInTheDocument()
+  })
+
+  test('should update view on reaction', async () => {
+    const overmind = new Overmind(app)
+    const mixin = createMixin(overmind)
+
+    const { getByText, getAllByRole } = render(CountTest, { store: mixin })
+    const [increaseBtn, ] = getAllByRole('button')
+
+    expect(getByText('Doubled: 0')).toBeInTheDocument()
+
+    await fireEvent.click(increaseBtn)
+    await fireEvent.click(increaseBtn)
+
+    expect(getByText('Doubled: 4')).toBeInTheDocument()
+  })
+})