javascript - 使用 DOM 对 js 文件进行单元测试，同时仍然使 html 工作

Question

道歉 - 我只是不知道如何简洁地陈述这个问题。

我在这里指的是我的代码：https ://github.com/nthali/GameOfLife

有一个gameOfLifeModel.js完全与前端无关，并且针对所有生活游戏规则进行了彻底的单元测试。

有一个GameOfLife.html（和随附的 css）构建一个网格来模拟生活游戏。

然后gameOfLifeController.js是 ui (html/css) 和模型之间的转换。

两个问题：

1. 我完成这项工作的唯一方法是<script>在 html 的标签中列出两个 js 文件。理想情况下，我宁愿只列出 htmlrequire中的控制器和 controller.js 中的模型类。试图这样做会引发'Uncaught ReferenceError: Cannot access 'gameOfLife' before initialization'
2. 另一方面，如果我尝试使用当前设置为 controller.js 编写一个开玩笑的单元测试，我必须require在控制器中使用 gameOfLifeModel 类，但是如果我尝试运行它说的 html，Uncaught SyntaxError: Identifier 'GameOfLifeModel' has already been declared

有什么想法吗？

标签： javascriptjestjsreferenceerror