twbs
/
bootlint
зеркало из https://github.com/twbs/bootlint.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Merge pull request #74 from twbs/table-responsive 

Table responsive
This commit is contained in:
Chris Rebert 2014-09-24 15:20:47 -07:00
Родитель 50097fc98c 9680a629f0
Коммит f0167d775c
4 изменённых файлов: 86 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

7
src/bootlint.js
Просмотреть файл

@ -381,6 +381,12 @@ var cheerio = require('cheerio');
return "`.panel-title` must have a `.panel-heading` parent";
}
};
exports.lintTableResponsive = function ($) {
var badStructure = $('.table.table-responsive,table.table-responsive');
if (badStructure.length) {
return "`.table-responsive` is supposed to be used on the table's parent wrapper <div>, not on the table itself";
}
};
exports._lint = function ($) {
var errs = [];
@ -414,6 +420,7 @@ var cheerio = require('cheerio');
errs.push(this.lintPanelHeadingWithoutPanel($));
errs.push(this.lintPanelTitleWithoutPanelHeading($));
errs.push(this.lintPanelFooterWithoutPanel($));
errs.push(this.lintTableResponsive($));
errs = errs.concat(this.lintInputGroupFormControlTypes($));
errs = errs.concat(this.lintInlineCheckboxes($));
errs = errs.concat(this.lintInlineRadios($));

13
test/bootlint_test.js
Просмотреть файл

@ -361,5 +361,18 @@ exports['bootlint'] = {
'should complain when columns are outside of rows and form groups.'
);
test.done();
},
'.table-responsive on the table itself': function (test) {
test.expect(2);
test.deepEqual(bootlint.lintHtml(utf8Fixture('table/responsive-valid.html')),
[],
'should not complain when .table-responsive is used on the table\'s wrapper div.'
);
test.deepEqual(bootlint.lintHtml(utf8Fixture('table/responsive-incorrect.html')),
["`.table-responsive` is supposed to be used on the table's parent wrapper <div>, not on the table itself"],
'should complain when .table-responsive is used on the table itself.'
);
test.done();
}
};

33
test/fixtures/table/responsive-incorrect.html поставляемый Normal file
Просмотреть файл

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Test</title>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="../../lib/jquery.min.js"></script>
<link rel="stylesheet" href="../../lib/qunit-1.14.0.css">
<script src="../../lib/qunit-1.14.0.js"></script>
<script src="../../../dist/browser/bootlint.js"></script>
<script src="../generic-qunit.js"></script>
</head>
<body>
<table class="table table-responsive">
<tbody>
<tr>
<td>Cell</td>
</tr>
</tbody>
</table>
<div id="qunit"></div>
<ol id="bootlint">
<li data-lint="`.table-responsive` is supposed to be used on the table's parent wrapper <div>, not on the table itself"></li>
</ol>
</body>
</html>

33
test/fixtures/table/responsive-valid.html поставляемый Normal file
Просмотреть файл

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Test</title>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="../../lib/jquery.min.js"></script>
<link rel="stylesheet" href="../../lib/qunit-1.14.0.css">
<script src="../../lib/qunit-1.14.0.js"></script>
<script src="../../../dist/browser/bootlint.js"></script>
<script src="../generic-qunit.js"></script>
</head>
<body>
<div class="table-responsive">
<table class="table">
<tbody>
<tr>
<td>Cell</td>
</tr>
</tbody>
</table>
</div>
<div id="qunit"></div>
<ol id="bootlint"></ol>
</body>
</html>