add test for example

Author: SilentCatD

example/package.json

@@ -12,8 +12,8 @@
     "@types/react-dom": "^18.2.17",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-scoped-provider": "^1.3.2",
     "react-scripts": "5.0.1",
+    "react-state-view-controller": "latest",
     "rxjs": "^7.8.1",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4"

example/src/App.tsx

@@ -34,7 +34,7 @@ const ControllerConsumer = () => {
 }
 
 const ListenerConsumer = () => {
-  const controller = useListener(MultiCounterController, (state) => console.log(state))
+  const controller = useListener(MultiCounterController, (state) => {})
   console.log('render listner')
   return <h2 data-testid='controller-listener'>Listenner mounted</h2>
 }

example/tests/App.test.tsx

@@ -1,10 +1,86 @@
-import { getByTestId, render } from '@testing-library/react'
+import { act, fireEvent, getByTestId, render } from '@testing-library/react'
 import App from '../src/App'
 
 test('inject success', () => {
   const { container } = render(<App />)
-  const controllerExistElement = getByTestId(container, 'controller-exist-assertion-text')
-  const text = controllerExistElement.textContent
+  const controllerConsumer = getByTestId(container, 'controller-consumer')
+  const text = controllerConsumer.textContent
   const expected = 'Controller existed!'
   expect(text).toBe(expected)
 })
+
+test('Listener', () => {
+  const { container } = render(<App />)
+  const listenerEl = getByTestId(container, 'controller-listener')
+  const text = listenerEl.textContent
+  const expected = `Listenner mounted`
+  expect(text).toBe(expected)
+})
+
+test('Counter', () => {
+  const { container } = render(<App />)
+  const btnEl = getByTestId(container, 'counter-btn')
+
+  let counterTextEl = getByTestId(container, 'counter-text')
+  let text = counterTextEl.textContent
+  let expected = `Counter: ${0}`
+  expect(text).toBe(expected)
+
+  act(() => {
+    fireEvent.click(btnEl)
+  })
+  counterTextEl = getByTestId(container, 'counter-text')
+  text = counterTextEl.textContent
+  expected = `Counter: ${1}`
+  expect(text).toBe(expected)
+
+  act(() => {
+    fireEvent.click(btnEl)
+  })
+  counterTextEl = getByTestId(container, 'counter-text')
+  text = counterTextEl.textContent
+  expected = `Counter: ${2}`
+  expect(text).toBe(expected)
+
+  act(() => {
+    fireEvent.click(btnEl)
+  })
+  counterTextEl = getByTestId(container, 'counter-text')
+  text = counterTextEl.textContent
+  expected = `Counter: ${3}`
+  expect(text).toBe(expected)
+})
+
+test('Counter2', () => {
+  const { container } = render(<App />)
+  const btnEl = getByTestId(container, 'counter2-btn')
+
+  let counterTextEl = getByTestId(container, 'counter2-text')
+  let text = counterTextEl.textContent
+  let expected = `Counter2: ${0}`
+  expect(text).toBe(expected)
+
+  act(() => {
+    fireEvent.click(btnEl)
+  })
+  counterTextEl = getByTestId(container, 'counter2-text')
+  text = counterTextEl.textContent
+  expected = `Counter2: ${1}`
+  expect(text).toBe(expected)
+
+  act(() => {
+    fireEvent.click(btnEl)
+  })
+  counterTextEl = getByTestId(container, 'counter2-text')
+  text = counterTextEl.textContent
+  expected = `Counter2: ${2}`
+  expect(text).toBe(expected)
+
+  act(() => {
+    fireEvent.click(btnEl)
+  })
+  counterTextEl = getByTestId(container, 'counter2-text')
+  text = counterTextEl.textContent
+  expected = `Counter2: ${3}`
+  expect(text).toBe(expected)
+})

yarn.lock

@@ -5464,9 +5464,9 @@ react-is@^18.0.0:
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
 react-scoped-provider@latest:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/react-scoped-provider/-/react-scoped-provider-1.3.2.tgz#5ae31e5d7328840f7c658f9a475c0882db36c122"
-  integrity sha512-lbIYppTWd+C8mKpWms6A4xiw/UZtUQ6k2qv7Qzt0Q63ydTofzf3siAOU+cY64db3MysOZfdvLtMuDyR+rS1KUQ==
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/react-scoped-provider/-/react-scoped-provider-1.3.3.tgz#2b4a60ffafdf0bf65d46952f1d450ab15a9aa072"
+  integrity sha512-0tI+F6kvZBE8wEY/0ScWDwvqqUUAD051yHjGQsskWxEiTXUf+mTSbTmjLR28BbBEi5tf1ZoEaD/IfvF4xVpDGw==
 
 react@^18.2.0:
   version "18.2.0"