// License: LGPL-3.0-or-later
import * as React from 'react';
import 'jest';

import * as Component from './WizardPanel'

import {Form, Field} from 'mobx-react-form';
import { shallow, render } from 'enzyme';
import {TabPanel, Wrapper} from 'react-aria-tabpanel'
import toJson from 'enzyme-to-json';
import {WizardState} from "./wizard_state";
const TestRenderer = require('react-test-renderer')

class EasyWizardState extends WizardState{

  createForm(i: any): Form {
    return new Form(i)
  }

}

describe('WizardPanel', () => {
    test('shallow render', () => {
      let fields = [{name: 'fun', id: 'fun', label: 'alsofun'}]
      const form = new Form({fields});

      const ws = new EasyWizardState()
      ws.addTab('something', 'something label',{} )
      ws.initialize()

      const tree = shallow(<Component.WizardPanel tab={ws.tabsByName['something']}><hr/></Component.WizardPanel>)
        
        
      expect(toJson(tree)).toMatchSnapshot()
    })
})