eslint を使用して、Polymer 要素の gulp でテストを実行しようとしていますが、「エラー 'suite' は no-undef で定義されていません。 "。
私のgulpfile.js:
'use strict';
var gulp = require('gulp');
var wct = require('web-component-tester').test;
var $ = require('gulp-load-plugins')();
gulp.task('lint', function (){
return gulp.src(["test/visualization-app/*.html"])
.pipe($.eslint())
.pipe($.eslint.format())
.pipe($.eslint.failAfterError());
});
gulp.task('default', ['lint'], function() {
});
そして、ここに私が使用するテストスイートがあります:
<!doctype html>
<html>
<head>
<title>visualization-app test</title>
<meta charset = "utf-8">
<meta name = "viewport" content = "width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
<script src = "../../bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<script src = "../../bower_components/web-component-tester/browser.js"></script>
<link rel="import" href="../../src/visualization-app/visualization-app.html">
</head>
<body>
<test-fixture id="basic">
<template>
<visualization-app></visualization-app>
</template>
</test-fixture>
<script>
suite('visualization-app', function() {
test('instantiating the element works', function() {
//Simply trying to show my test results on the console
assert.isTrue(false);
});
});
</script>
</body>
</html>
最後に、このテストの gulp コマンド:
D:\rtdb\elk\rtdb-polymer>gulp
[10:48:25] Using gulpfile D:\rtdb\elk\rtdb-polymer\gulpfile.js
[10:48:25] Starting 'lint'...
[10:48:26]
D:\rtdb\elk\rtdb-polymer\test\visualization-app\visualization-app_test.html
21:7 error 'suite' is not defined no-undef
23:11 error 'test' is not defined no-undef
25:15 error 'assert' is not defined no-undef
? 3 problems (3 errors, 0 warnings)
[10:48:26] 'lint' errored after 624 ms
[10:48:26] ESLintError in plugin 'gulp-eslint'
Message:
Failed with 3 errors
私はこれらすべてのツールと一般的な Web 開発に非常に慣れていないため、正しく行っていない非常に単純なものがあるに違いありませんが、24 時間経ってもまだ見つけられないようです。
編集: eslint-plugin-html がインストールされていて、.eslintrc.json にインストールされています