Как тестировать динамичные 3D объекты [Three.js] на сайте?

Question

[InBackSound]

Есть динамичная 3D модель (на сайте вращающееся помещение с динамическим отображением стен), написанное с помощью библиотеки tree js.
Примеры фигур: https://threejsfundamentals.org/threejs/lessons/ru...

Через html код (F12-Elements) не достучаться, код не видит фигуры. Посоветуйте, пожалуйста, как можно автотестами протестировать наличие этой фигуры, смену текстур и тд. До этого изучала Selenium, но всё сводилось к Console командам в браузере, т.е. я всё могла "прощупать" через html код страницы

Если фигуры можно протестировать с помощью Selenium+Python, буду рада, тк немного их знаю

Answer 1

[Evgeniy _]

Никогда не работал с webgl, но в лоб решение, которое пришло в голову - распарсить threejs-primitives.js (Там указаны фигуры и их размеры) - он подгружается со страничкой, затем собрать все элементы (tagName у них будет соответствующий фигурам из js) и их значения для ".pair .shape". Для каждого создать словарь. Сравнить размеры. Думаю, если будет по нулям - значит фигура "не нарисовалась".

Вот с состоянием (градиент и прочее), пока затрудняюсь придумать что-нибудь ;)

Comments

[InBackSound]

Спасибо за ответ) этот сайт - пример, я его не буду тестировать) но, чтобы разобраться, спрошу.
1) Откуда надо "собрать элементы"?
2) Откуда брать значения для ".pair .shape". " ?
"затем собрать все элементы (tagName у них будет соответствующий фигурам из js) и их значения для ".pair .shape". "

Искала в этом же файле threejs-primitives.js - там нашла только заданные const для shape

ExtrudeBufferGeometry: {
      create() {
        const shape = new THREE.Shape();
        const x = -2.5;
        const y = -5;
        shape.moveTo(x + 2.5, y + 2.5);
        shape.bezierCurveTo(x + 2.5, y + 2.5, x + 2, y, x, y);

и тд

[Evgeniy _]

InBackSound,
Мой косяк, еще раз пошел изучать файлы, и судя по всему в веб структуре ничего полезного.
Наверное стоит обратить внимание на саму библиотеку threejs. Весь этот код (примитивы и тп) должен выполняться, модели должны иметь какой нибудь state\status. Их уже проверять. Интересная задачка - продолжу копаться.

[InBackSound]

Evgeniy _, нашли что-нибудь интересное?)

Answer 2

[Николай Чуприк]

Все примитивы и их свойства в виде дерева объектов живут в JS. Соответственно найдите в коде, как называется глобальный объект THREE.Scene (Скорее всего он и называется scene :), как во всех мануалах). И смотрите все вложенные в сцену объекты через Console или через Watch.