尝试使用 PegJS 和 requirejs 测试项目。 我有几个源文件,实现为通过 require API 加载的 AMD 模块(定义)。 目录结构下方:
js/
somefile.js
main.js
parser.js
test/
parser.spec.js
我写了一个 parser.js 模块来加载 PegJS 语法文件并使用 PegJS 创建一个 peg 解析器:
define(function() {
'use strict';
var PEG = require('pegjs');
var grammarFile = 'grammar.peg'
return {
parse: function(fs, content, debug) {
var grammar = fs.readFileSync(grammarFile, 'utf8').toString();
// Build parser from grammar
var parser = PEG.buildParser(grammar, { trace: debug });
[...]
这适用于使用 node.js 在命令行上执行的 main.js。 现在我想使用 karma、jasmine 和 PhantomJS 来测试我的项目。我有一个像这样的 karma.conf.js:
frameworks: ['jasmine', 'requirejs'],
files: [
{ pattern: './test/**/*.spec.js', included: false },
{ pattern: './js/**/*.js', included: false},
'./test/test-main.js',
],
还有一个名为 test-main.js 的需要引导文件,它的配置方式如下:
'use strict';
var allTestFiles = [];
var TEST_REGEXP = /(spec|test)\.js$/i;
// Get a list of all the test files to include
Object.keys(window.__karma__.files).forEach(function(file) {
console.log(file);
if (TEST_REGEXP.test(file)) {
// Normalize paths to RequireJS module names.
// If you require sub-dependencies of test files to be loaded as-is (requiring file extension)
// then do not normalize the paths
var normalizedTestModule = file.replace(/^\/base\/|\.js$/g, '');
allTestFiles.push(file);
}
});
require.config({
// Karma serves files under /base, which is the basePath from your config file
baseUrl: '/base/js',
// dynamically load all test files
deps: allTestFiles,
// we have to kickoff jasmine, as it is asynchronous
callback: window.__karma__.start
});
现在,当我启动我的测试 (grunt karma
) 时,我收到了这个错误:
PhantomJS 1.9.8 (Linux 0.0.0) ERROR: Error{message: 'Module name "pegjs" has not been loaded yet for context: _. Use require([])
所以我尝试以这种方式在 Karma 加载的文件中包含 pegjs karma.conf.js:
files: [
{ pattern: 'node_modules/pegjs/lib/**/*.js', included: true },
{ pattern: './test/**/*.spec.js', included: false },
{ pattern: './js/**/*.js', included: false},
'./test/test-main.js'
],
当我这样做时,我仍然得到一个错误:
Error: Module name "utils/arrays" has not been loaded yet for context: _. Use require([])
查看 pegjs 模块,确实有一个 arrays.js 文件:
compiler/
compiler.js
grammar-error.js
parser.js
peg.js
utils/
arrays.js
classes.js
objects.js
所以也尝试包含数组:
files: [
{ pattern: 'node_modules/pegjs/lib/utils/arrays.js', included: true },
{ pattern: 'node_modules/pegjs/lib/**/*.js', included: true },
{ pattern: './test/**/*.spec.js', included: false },
{ pattern: './js/**/*.js', included: false},
'./test/test-main.js'
],
我明白了:
ReferenceError: Can't find variable: module
at /blabla/node_modules/pegjs/lib/utils/arrays.js:108
因为:
108 module.exports = arrays;
所以,除了加载 npm 模块,我尝试以这种方式加载 bower 模块:
files: [
{ pattern: 'bower_components/pegjs/peg-0.9.0.js', included: true },
{ pattern: './test/**/*.spec.js', included: false },
{ pattern: './js/**/*.js', included: false},
'./test/test-main.js'
],
你又来了:
PhantomJS 1.9.8 (Linux 0.0.0) ERROR: Error{message: 'Module name "pegjs" has not been loaded yet for context: _. Use require([])
还尝试在 karma 生成的网页中不包含 pegjs:
files: [
{ pattern: 'bower_components/pegjs/peg-0.9.0.js', included: false },
{ pattern: './test/**/*.spec.js', included: false },
{ pattern: './js/**/*.js', included: false},
'./test/test-main.js'
],
但它失败了:
PhantomJS 1.9.8 (Linux 0.0.0) ERROR: 'There is no timestamp for /base/bower_components/pegjs/peg-0.9.0!'
试图将 bower_component 文件夹放在 js 文件夹中,但没有成功。
所以我不知道从这里出发...在 Google 或这里找不到任何相关内容。使用 karma 来 requirejs/pegjs 似乎是一个特定的问题......欢迎任何想法。
按照 dan 的回答更新:
所以我在 parser.js 中从同步 require 切换到异步 require:
define(['../bower_components/pegjs/peg-0.9.0'], function(PEG) {
'use strict';
var grammarFile = 'grammar.peg'
return {
parse: function(fs, content, debug) {
var grammar = fs.readFileSync(grammarFile, 'utf8').toString();
// Build parser from grammar
var parser = PEG.buildParser(grammar, { trace: debug });
[...]
尝试在 karma.conf.js 中包含 pegjs bower 组件:
{ pattern: 'bower_components/pegjs/peg-0.9.0.js', included: false },
或者不包括它:
{ pattern: 'bower_components/pegjs/peg-0.9.0.js', included: true },
但总是报同样的错误:
Error: Script error for "/blabla/bower_components/pegjs/peg-0.9.0", needed by: /blabla/js/parser.js
http://requirejs.org/docs/errors.html#scripterror
at /blabla/node_modules/requirejs/require.js:140
是的,文件存在:
$ file /home/aa024149/share/logofrjs/bower_components/pegjs/peg-0.9.0.js
/blabla/bower_components/pegjs/peg-0.9.0.js: ASCII text, with very long lines
UPDATE2:终于明白并找到了可以接受的解决方案。
最佳答案
听起来您正在通过 requirejs 加载 pegjs。如果是这种情况,pegjs 不应该是包含的文件。在您的 karma.conf.js 中,您是否尝试过以下操作:
files: [
{ pattern: 'bower_components/pegjs/peg-0.9.0.js', included: false },
{ pattern: './test/**/*.spec.js', included: false },
{ pattern: './js/**/*.js', included: false},
'./test/test-main.js'
],
include 的值表示 karma 服务器生成的网页是否应该具有该文件的脚本标签(参见 http://karma-runner.github.io/0.13/config/files.html)。所以你的 karma.config 是:
files: [
{ pattern: 'bower_components/pegjs/peg-0.9.0.js', included: true },
{ pattern: './test/**/*.spec.js', included: false },
{ pattern: './js/**/*.js', included: false},
'./test/test-main.js'
],
会导致 karma 生成一个带有类似 head 标签的网页:
<head>
<script src="/base/bower_components/pegjs/peg-0.9.0.js"></script>
<script src="/base/require.js"></script>
<script src="/base/test/test-main.js"></script>
</head>
根据我的经验,我看到很多类似的行为是由于将我的文件标记为 included: true
而引起的。如果您尝试使用 requirejs 加载某个文件,请确保将其标记为 included: false
。
我相信这标志着它是一项预处理工作,但我不完全确定为什么会产生如此大的差异。
关于javascript - 配置 Karma 以使用 requirejs 加载 pegjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33895334/