616fe3e9ac
Implement rigid body Fix saveload bug: having null elements Fix events being duplicated and not being removed
83 lines
3 KiB
TypeScript
83 lines
3 KiB
TypeScript
import { fireEvent, render, screen } from '@testing-library/react';
|
|
import * as React from 'react';
|
|
import { expect, describe, it, vi } from 'vitest';
|
|
import { Properties } from './Properties';
|
|
|
|
describe.concurrent('Properties', () => {
|
|
it('No properties', () => {
|
|
render(<Properties
|
|
properties={undefined}
|
|
onChange={() => {}}
|
|
/>);
|
|
|
|
expect(screen.queryByText('id')).toBeNull();
|
|
expect(screen.queryByText('parentId')).toBeNull();
|
|
expect(screen.queryByText('x')).toBeNull();
|
|
expect(screen.queryByText('y')).toBeNull();
|
|
});
|
|
|
|
it('Some properties', () => {
|
|
const prop = {
|
|
id: 'stuff',
|
|
parentId: 'parentId',
|
|
x: 1,
|
|
y: 1,
|
|
isRigidBody: false
|
|
};
|
|
|
|
const handleChange = vi.fn((key, value) => {
|
|
(prop as any)[key] = value;
|
|
});
|
|
|
|
const { container, rerender } = render(<Properties
|
|
properties={prop}
|
|
onChange={handleChange}
|
|
/>);
|
|
|
|
expect(screen.queryByText('id')).toBeDefined();
|
|
expect(screen.queryByText('parentId')).toBeDefined();
|
|
expect(screen.queryByText('x')).toBeDefined();
|
|
expect(screen.queryByText('y')).toBeDefined();
|
|
|
|
let propertyId = container.querySelector('#property-id');
|
|
let propertyParentId = container.querySelector('#property-parentId');
|
|
let propertyX = container.querySelector('#property-x');
|
|
let propertyY = container.querySelector('#property-y');
|
|
expect(propertyId).toBeDefined();
|
|
expect((propertyId as HTMLInputElement).value).toBe('stuff');
|
|
expect(propertyParentId).toBeDefined();
|
|
expect((propertyParentId as HTMLInputElement).value).toBe('parentId');
|
|
expect(propertyX).toBeDefined();
|
|
expect((propertyX as HTMLInputElement).value).toBe('1');
|
|
expect(propertyY).toBeDefined();
|
|
expect((propertyY as HTMLInputElement).value).toBe('1');
|
|
|
|
fireEvent.change(propertyId as Element, { target: { value: 'stuffed' } });
|
|
fireEvent.change(propertyParentId as Element, { target: { value: 'parentedId' } });
|
|
fireEvent.change(propertyX as Element, { target: { value: '2' } });
|
|
fireEvent.change(propertyY as Element, { target: { value: '2' } });
|
|
expect(handleChange).toBeCalledTimes(4);
|
|
|
|
expect(prop.id).toBe('stuffed');
|
|
expect(prop.parentId).toBe('parentedId');
|
|
expect(prop.x).toBe('2');
|
|
expect(prop.y).toBe('2');
|
|
rerender(<Properties
|
|
properties={Object.assign({}, prop)}
|
|
onChange={handleChange}
|
|
/>);
|
|
|
|
propertyId = container.querySelector('#property-id');
|
|
propertyParentId = container.querySelector('#property-parentId');
|
|
propertyX = container.querySelector('#property-x');
|
|
propertyY = container.querySelector('#property-y');
|
|
expect(propertyId).toBeDefined();
|
|
expect((propertyId as HTMLInputElement).value).toBe('stuffed');
|
|
expect(propertyParentId).toBeDefined();
|
|
expect((propertyParentId as HTMLInputElement).value).toBe('parentedId');
|
|
expect(propertyX).toBeDefined();
|
|
expect((propertyX as HTMLInputElement).value).toBe('2');
|
|
expect(propertyY).toBeDefined();
|
|
expect((propertyY as HTMLInputElement).value).toBe('2');
|
|
});
|
|
});
|