id-class-value.spec.js

/**
 * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com>
 * MIT Licensed
 */

var expect  = require("expect.js");

var HTMLHint  = require("../../index").HTMLHint;

describe('Rules: id-class-value', function(){

    it('Id and class value be not lower case and split by underline should result in an error', function(){
        var code = '<div id="aaaBBB" class="ccc-ddd">';
        var messages = HTMLHint.verify(code, {'id-class-value': 'underline'});
        expect(messages.length).to.be(2);
        expect(messages[0].rule.id).to.be('id-class-value');
        expect(messages[0].line).to.be(1);
        expect(messages[0].col).to.be(5);
        expect(messages[1].rule.id).to.be('id-class-value');
        expect(messages[1].line).to.be(1);
        expect(messages[1].col).to.be(17);
    });

    it('Id and class value be lower case and split by underline should not result in an error', function(){
        var code = '<div id="aaa_bbb" class="ccc_ddd">';
        var messages = HTMLHint.verify(code, {'id-class-value': 'underline'});
        expect(messages.length).to.be(0);
    });

    it('Id and class value be not lower case and split by dash should result in an error', function(){
        var code = '<div id="aaaBBB" class="ccc_ddd">';
        var messages = HTMLHint.verify(code, {'id-class-value': 'dash'});
        expect(messages.length).to.be(2);
        expect(messages[0].rule.id).to.be('id-class-value');
        expect(messages[0].line).to.be(1);
        expect(messages[0].col).to.be(5);
        expect(messages[1].rule.id).to.be('id-class-value');
        expect(messages[1].line).to.be(1);
        expect(messages[1].col).to.be(17);
    });

    it('Id and class value be lower case and split by dash should not result in an error', function(){
        var code = '<div id="aaa-bbb" class="ccc-ddd">';
        var messages = HTMLHint.verify(code, {'id-class-value': 'dash'});
        expect(messages.length).to.be(0);
    });

    it('Id and class value be not meet hump style should result in an error', function(){
        var code = '<div id="aaa_bb" class="ccc-ddd">';
        var messages = HTMLHint.verify(code, {'id-class-value': 'hump'});
        expect(messages.length).to.be(2);
        expect(messages[0].rule.id).to.be('id-class-value');
        expect(messages[0].line).to.be(1);
        expect(messages[0].col).to.be(5);
        expect(messages[1].rule.id).to.be('id-class-value');
        expect(messages[1].line).to.be(1);
        expect(messages[1].col).to.be(17);
    });

    it('Id and class value be meet hump style should not result in an error', function(){
        var code = '<div id="aaaBbb" class="cccDdd">';
        var messages = HTMLHint.verify(code, {'id-class-value': 'hump'});
        expect(messages.length).to.be(0);
    });

});