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

编程问答 2022-09-06

问题描述

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

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

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

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

然后有一个 gameOfLifeController.js 用于在 ui (html/css) 和模型之间进行转换。

两个问题：

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

有什么想法吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptjestjsreferenceerrorreferenceerror