Merge pull request #149 from remarkablegames/fix/render

fix(render): instantiate Rectangle in gameobject

src/render/gameobject.test.tsx

@@ -1,21 +1,23 @@
 import Phaser from 'phaser';
 import type { JSX } from 'react';
 
-import { Container, GameObject, Text } from '..';
+import { Container, GameObject, Rectangle, Text } from '..';
 import { createGameObject, setProps } from '.';
 
 jest.mock('phaser', () => {
   const GameObject = jest.fn();
   class Container extends GameObject {
     add = jest.fn();
   }
+  class Rectangle extends GameObject {}
   class Text extends GameObject {}
 
   return {
     GameObjects: {
       Container,
       GameObject,
       Particles: {},
+      Rectangle,
       Text,
     },
 
@@ -53,8 +55,8 @@ describe('invalid element', () => {
   });
 });
 
-it('creates game object from element', () => {
-  expect(createGameObject(<Text />, scene)).toBeInstanceOf(GameObject);
+it.each([Rectangle, Text])('creates game object from %p', (Component) => {
+  expect(createGameObject(<Component />, scene)).toBeInstanceOf(GameObject);
 });
 
 it('creates game object from component', () => {

src/render/gameobject.ts

@@ -37,6 +37,18 @@ export function createGameObject(element: JSX.Element, scene: Phaser.Scene) {
       gameObject = new element.type(scene, props.x, props.y, text, style);
       break;
 
+    case element.type === Phaser.GameObjects.Rectangle:
+      gameObject = new element.type(
+        scene,
+        props.x,
+        props.y,
+        props.width,
+        props.height,
+        props.fillColor,
+        props.fillAlpha,
+      );
+      break;
+
     case gameObjects.indexOf(element.type) > -1:
       gameObject = new element.type(scene);
       break;