import React from 'react';
import { fireEvent, render } from '@tachybase/test/client';

import App from '../demos/percent';

describe('Percent', () => {
  it('should display the value of user input', () => {
    const { container } = render(<App />);
    const input = container.querySelector('input') as HTMLInputElement;
    fireEvent.change(input, { target: { value: '10' } });
    expect(input.value).toBe('10');
  });
});
