import { useStore } from '~/composables'
import { FlowState, FlowStore } from '~/types'
import { initialState } from '~/store'
describe('test store state', () => {
  let store: FlowStore

  beforeEach(() => (store = useStore()))

  it('has any initial state', () => {
    expect(store.state).to.exist
  })

  it('has default initial state', () => {
    const initial = initialState()
    Object.keys(store.state).forEach((state) => {
      const storedState = store[<keyof FlowState>state]
      const initialVal = initial[<keyof FlowState>state]
      expect(JSON.stringify(storedState)).to.eq(JSON.stringify(initialVal))
    })
  })

  it('sets state', () => {
    store.setState({
      zoomOnScroll: false,
    })
    expect(store.zoomOnScroll).to.eq(false)
  })

  it('takes initial options', () => {
    const store = useStore({
      zoomOnScroll: false,
    })
    expect(store.zoomOnScroll).to.eq(false)
  })

  it('gets custom node types', () => {
    store.setState({
      nodeTypes: ['custom'],
    })
    expect(Object.keys(store.getNodeTypes)).to.contain('custom')
  })

  it('gets custom edge types', () => {
    store.setState({
      edgeTypes: ['custom'],
    })
    expect(Object.keys(store.getEdgeTypes)).to.contain('custom')
  })
})