Tests are working

excaliburjs · Jan 1, 2024 · 77202e8 · 77202e8
1 parent 30f6cdf
commit 77202e8
Show file tree

Hide file tree

Showing 262 changed files with 9,367 additions and 9,889 deletions.
diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+ push:
+ branches: [ main ]
+ pull_request:
+ branches: [ main ]
+jobs:
+ test:
+ timeout-minutes: 60
+ runs-on: ubuntu-latest
+ steps:
+ - uses: actions/checkout@v3
+ - uses: actions/setup-node@v3
+ with:
+ node-version: 18
+ - name: Install dependencies
+ run: npm ci
+ - name: Install Playwright Browsers
+ run: npx playwright install --with-deps
+ - name: Run Playwright tests
+ run: npx playwright test
+ - uses: actions/upload-artifact@v3
+ if: always()
+ with:
+ name: playwright-report
+ path: playwright-report/
+ retention-days: 30
diff --git a/.gitignore b/.gitignore
@@ -8,4 +8,8 @@ actual-*.png
 diff-*.png
 coverage/
 !files.d.ts
-!karma.conf.js
+!karma.conf.js
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
diff --git a/README.md b/README.md
@@ -51,3 +51,22 @@ To compile only:
 To run tests:
 
  npm test
+
+To update snapshots
+
+* Windows
+
+ ```powershell
+ npx playwright test --update-snapshots
+ ```
+
+* Linux for CI
+
+ ```powershell
+ docker run --rm --network host -v C:\projects\excalibur-tiled:/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.40.0-jammy /bin/bash
+ npm install
+ npx playwright test --update-snapshots
+ ```
+
+
+
diff --git a/example/collectable.tx b/example/collectable.tx
diff --git a/example/collider.tmx b/example/collider.tmx
diff --git a/example/example-city.tiled-project b/example/example-city.tiled-project
diff --git a/example/example-city.tiled-session b/example/example-city.tiled-session
diff --git a/example/cubes.tsx → example/formats/cubes.tsx b/example/cubes.tsx → example/formats/cubes.tsx
diff --git a/example/example-city-base64.tmx → example/formats/example-city-base64.tmx b/example/example-city-base64.tmx → example/formats/example-city-base64.tmx
diff --git a/example/example-city-external-tsx.tmx → ...ple/formats/example-city-external-tsx.tmx b/example/example-city-external-tsx.tmx → ...ple/formats/example-city-external-tsx.tmx
diff --git a/example/example-city-gzip.tmx → example/formats/example-city-gzip.tmx b/example/example-city-gzip.tmx → example/formats/example-city-gzip.tmx
diff --git a/example/example-city-zlib.tmx → example/formats/example-city-zlib.tmx b/example/example-city-zlib.tmx → example/formats/example-city-zlib.tmx
diff --git a/example/example-city-zstd.tmx → example/formats/example-city-zstd.tmx b/example/example-city-zstd.tmx → example/formats/example-city-zstd.tmx
diff --git a/example/example-city.json → example/formats/example-city.json b/example/example-city.json → example/formats/example-city.json
diff --git a/example/example-city.tmj → example/formats/example-city.tmj b/example/example-city.tmj → example/formats/example-city.tmj
diff --git a/example/example-city.tmx → example/formats/example-city.tmx b/example/example-city.tmx → example/formats/example-city.tmx
diff --git a/example/external-collection.tsx → example/formats/external-collection.tsx b/example/external-collection.tsx → example/formats/external-collection.tsx
diff --git a/example/external-collsion-json.tsj → example/formats/external-collsion-json.tsj b/example/external-collsion-json.tsj → example/formats/external-collsion-json.tsj
diff --git a/example/external-kenny.tsx → example/formats/external-kenny.tsx b/example/external-kenny.tsx → example/formats/external-kenny.tsx
diff --git a/example/external-tsj.tsj → example/formats/external-tsj.tsj b/example/external-tsj.tsj → example/formats/external-tsj.tsj
diff --git a/example/external.tsj → example/formats/external.tsj b/example/external.tsj → example/formats/external.tsj
diff --git a/example/greencube.tx → example/formats/greencube.tx b/example/greencube.tx → example/formats/greencube.tx
diff --git a/example/heart.tj → example/formats/heart.tj b/example/heart.tj → example/formats/heart.tj
diff --git a/example/test-gzip.json → example/formats/test-gzip.json b/example/test-gzip.json → example/formats/test-gzip.json
diff --git a/example/test-spacing.json → example/formats/test-spacing.json b/example/test-spacing.json → example/formats/test-spacing.json
diff --git a/example/test-v1-external.json → example/formats/test-v1-external.json b/example/test-v1-external.json → example/formats/test-v1-external.json
diff --git a/example/test-v1.json → example/formats/test-v1.json b/example/test-v1.json → example/formats/test-v1.json
diff --git a/example/test-zlib.json → example/formats/test-zlib.json b/example/test-zlib.json → example/formats/test-zlib.json
diff --git a/example/test.json → example/formats/test.json b/example/test.json → example/formats/test.json
diff --git a/example/test.tmx → example/formats/test.tmx b/example/test.tmx → example/formats/test.tmx
diff --git a/example/index.html b/example/index.html
@@ -29,6 +29,6 @@
  <option value="test-zlib.json">v0 zlib</option>
  </select>
 
- <script src="game.js"></script>
+ <script src="./test/test.js"></script>
  </body>
 </html>
diff --git a/example/isometric/assets/Isometric_MedievalFantasy_Tiles.png b/example/isometric/assets/Isometric_MedievalFantasy_Tiles.png
diff --git a/example/isometric/external-fantasy.tsx b/example/isometric/external-fantasy.tsx
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<tileset version="1.10" tiledversion="1.10.2" name="external-fantasy" tilewidth="16" tileheight="16" tilecount="132" columns="12">
+ <editorsettings>
+ <export target="external-fantasy..tsj" format="json"/>
+ </editorsettings>
+ <image source="tilemap_packed.png" width="192" height="176"/>
+ <tile id="93">
+ <objectgroup draworder="index" id="2">
+ <object id="1" type="coin" x="3.27273" y="11.6364">
+ <polygon points="0,0 -0.272727,-8.18182 1.54545,-9.90909 7.36364,-9.90909 9.72727,-7.72727 9.72727,0.545455 7.63636,2.27273 2,2.27273"/>
+ </object>
+ </objectgroup>
+ </tile>
+ <tile id="95">
+ <objectgroup draworder="index" id="2">
+ <object id="1" x="2" y="2" width="12" height="14"/>
+ </objectgroup>
+ </tile>
+ <tile id="105">
+ <objectgroup draworder="index" id="2">
+ <object id="1" x="3.45455" y="15.2727">
+ <polygon points="0,0 -3.09091,-3.18182 -2.72727,-7.36364 8.27273,-14.4545 12.5455,-11.7273 12.5455,-5.54545 4.27273,-0.0909091"/>
+ </object>
+ </objectgroup>
+ </tile>
+</tileset>
diff --git a/example/isometric/external-iso-fantasy.tsx b/example/isometric/external-iso-fantasy.tsx
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<tileset version="1.10" tiledversion="1.10.2" name="external-iso-fantasy" tilewidth="16" tileheight="17" tilecount="110" columns="11">
+ <grid orientation="isometric" width="16" height="8"/>
+ <image source="assets/Isometric_MedievalFantasy_Tiles.png" width="176" height="170"/>
+ <tile id="30">
+ <objectgroup draworder="index" id="2">
+ <object id="1" x="0.409091" y="0.5" width="7.22727" height="6.18182"/>
+ </objectgroup>
+ </tile>
+</tileset>
diff --git a/example/isometric/index.html b/example/isometric/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Isometric Map Test</title>
+ <style>
+ body {
+ margin: 0;
+ }
+ </style>
+ </head>
+ <body>
+ <canvas id="game"></canvas>
+ <script src="isometric.js"></script>
+ </body>
+</html>
diff --git a/example/isometric-template.tx → example/isometric/isometric-template.tx b/example/isometric-template.tx → example/isometric/isometric-template.tx
diff --git a/example/isometric.tmx → example/isometric/isometric.tmx b/example/isometric.tmx → example/isometric/isometric.tmx
diff --git a/example/isometric/isometric.ts b/example/isometric/isometric.ts
@@ -0,0 +1,64 @@
+import * as ex from 'excalibur';
+import { TiledResource } from '@excalibur-tiled';
+
+class Player extends ex.Actor {
+ override onPostUpdate(engine: ex.Engine) {
+ this.vel = ex.vec(0, 0)
+ const speed = 64;
+ if (engine.input.keyboard.isHeld(ex.Keys.Right)) {
+ this.vel.x = speed;
+ }
+ if (engine.input.keyboard.isHeld(ex.Keys.Left)) {
+ this.vel.x = -speed;
+ }
+ if (game.input.keyboard.isHeld(ex.Input.Keys.Up)) {
+ this.vel.y = -speed;
+ }
+ if (game.input.keyboard.isHeld(ex.Input.Keys.Down)) {
+ this.vel.y = speed;
+ }
+ }
+}
+
+const game = new ex.Engine({
+ width: 800, 
+ height: 600, 
+ canvasElementId: 'game',
+ pointerScope: ex.PointerScope.Canvas,
+ antialiasing: false
+});
+game.toggleDebug();
+
+const tiledMap = new TiledResource('isometric.tmx', {
+ useMapBackgroundColor: true
+});
+
+const loader = new ex.Loader([tiledMap]);
+
+let currentPointer!: ex.Vector;
+game.input.pointers.primary.on('down', (moveEvent) => {
+ currentPointer = moveEvent.worldPos;
+ game.currentScene.camera.move(currentPointer, 300, ex.EasingFunctions.EaseInOutCubic);
+});
+
+game.input.pointers.primary.on('move', (moveEvent) => {
+ const tile = tiledMap.getTileByPoint('ground', moveEvent.worldPos);
+ if (tile) {
+ console.log(tile);
+ }
+})
+
+game.input.pointers.primary.on('wheel', (wheelEvent) => {
+ // wheel up
+ game.currentScene.camera.pos = currentPointer;
+ if (wheelEvent.deltaY < 0) {
+ game.currentScene.camera.zoom *= 1.2;
+ } else {
+ game.currentScene.camera.zoom /= 1.2;
+ }
+});
+
+game.start(loader).then(() => {
+ tiledMap.addToScene(game.currentScene);
+ currentPointer = game.currentScene.camera.pos;
+});
diff --git a/example/margin.tmx b/example/margin.tmx
diff --git a/example/coin.tx → example/orthogonal/coin.tx b/example/coin.tx → example/orthogonal/coin.tx