Каковы возможные способы тестирования визуальных частей WebGL/Canvas основе игры

Question

Предполагая, что игра написана с использованием Dart + WebGL/Canvas ...

Большая часть логики, математики, обработки ввода, и т.д. легко проверяемый кодом; но гарантируя, что вы действительно поступаете правильно, чтобы ваш спрайт появился на экране в правильном месте/ориентации/и т. д. более сложно.

Какие существуют инструменты/API, которые помогут проверить фактический результат вывода?

Answer 1

Что вы можете сделать, это сделать снимок экрана (фактического результата), а затем сравнить его с каким-то изображением, которое у вас уже есть (ожидаемый результат), чтобы убедиться, что они одинаковы. Вы можете добиться этого с помощью WebDriver.

Существует пример реализации, который использует Selenium здесь: https://groups.google.com/forum/#!msg/selenium-users/8atiPIh39OY/Gp9_KEXnpRUJ

Answer 2

• WebGL SDK имеет conformance test tool и он использует "webgl-test-utils.js".

• Вы можете использовать набор для просмотра в браузере, подобный PhantomJS, с скриншотом & ImageDiff tools.

• https://ghostinspector.com/blog/webcast-phantomjs-casperjs-screenshot-comparison-and-ghost-inspector/

• http://huddle.github.io/Resemble.js/

• для тестирования шейдеров: https://code.google.com/p/glsl-unit/