Монтаж компонента в определении заданного () шага ⇐ Javascript

[Anonymous]

Чтобы сделать игру 2048, я использую реагировать с TypeScript, Cucumber и Playwright. React Component, который содержит состояние платы: < /p>

Код: Выделить всё

function App({initBoardSet} : {initBoardSet?: number[][]}) {
const [status, setStatus] = useState("playing");
const [boardSet, setBoardSet] = useState([
[0, 2, 2, 0],
[0, 0, 0, 0],
[0, 0, 0, 0],
[0, 0, 0, 0],
]);

useEffect(() => {
if (initBoardSet) {
setBoardSet(initBoardSet);
}
}, []);  // empty dependency array : run this only once on mount

...
< /code>
Сценарий функции огурца: < /p>
Scenario: Basic Arrow Right
Given the board is
| 2 | 0 | 4 | 0 |
| 0 | 8 | 0 | 2 |
| 0 | 0 | 0 | 0 |
| 8 | 4 | 0 | 0 |
When I press the right arrow key
Then the board should be
| * | * | 2 | 4 |
| * | * | 8 | 2 |
| * | * | * | * |
| * | * | 8 | 4 |
And a new 2 or 4 appears on the board

Я успешно внедрил определение hex () шаг. * означает либо 0, 2, либо 4. Я не могу реализовать определение шага для моего оператора ded () . Я пытаюсь установить компонент своего приложения, чтобы я мог внедрить свой инициатор Prop. А оттуда выполняют стандартное сквозное тестирование.
Создание HTML с страницей драматурга объект не работал. Разные способы с объектом DOM также не работали. Тестирование компонентов драматурга не выглядит так, как будто оно может быть интегрировано в мое определение шага. Дело в том, что сценарии Геркина действуют в качестве документации. Я рассматриваю интерфейс непосредственно в приложении для установки состояния доски из пользовательского интерфейса. Но я хотел бы не делать.
весь код.

Подробнее здесь: https://stackoverflow.com/questions/797 ... definition