bit-docs-html-toc/test/toc-container-control-test.js

table of contents bit-docs plugin

var $ = require("jquery");
var assert = require("chai/chai").assert;
var TOCContainer = require("../toc-container-control");

require("steal-mocha");

describe("TOCContainer", function() {
	var $el, $testArea;

	beforeEach(function() {
		$("body").append('<div id="toc-container"></div>');

		$el = $("#toc-container");
		$testArea = $("#test-area");
	});

	afterEach(function() {
		$el.remove();
		$testArea.empty();
	});

	it("by default gets headings from 'article' children", function() {
		var headings = [
			'<article>',
				"<h2>Usage</h2>",
				"<h2>Install</h2>",
				"<h2>Configure</h2>",
			"</article>"
		];

		// append the headings to the DOM and then instantiate the control
		$("body").append(headings.join(""));
		new TOCContainer($el.get(0));

		var $items = $("#toc-container ul");
		$("#toc-container li").removeAttr("class");
		assert.equal(
			$items.html(),
			[
				'<li><a href="#usage">Usage</a></li>',
				'<li><a href="#install">Install</a></li>',
				'<li><a href="#configure">Configure</a></li>',
			].join(""),
			"should create table of contents from the headings inside container"
		);
		var ids = $.makeArray($("article h2").map(function(i, element) {
			return element.id;
		}));

		assert.deepEqual(ids, ["usage","install","configure"]);

		// remove headings container from the DOM
		$("article").remove();
	});

});