Return pages of elements based on available space

blocksToPages.js

/*
 * 
 * Use: 
 * var pages = blocksToPages(myElement)
 * returns array of elements.
 * 
 */

define([
], function() {

    return function(element) {
        var pages = [];
        var availableHeight = element.parentNode.clientHeight;
        var refDummy = element.cloneNode(true);
        var blocks = refDummy.children;

        // Our element for injecting content and performing experiments upon.
        var test = element.cloneNode(false);
        element.parentNode.appendChild(test);

        var index = 0;
        while (blocks.length > 0) {

            // Move next block to test element
            test.appendChild(blocks[0]);

            if (test.clientHeight > availableHeight) {

                // Too big, put it back
                refDummy.insertBefore(test.lastChild, refDummy.firstChild);

                // Store page
                pages.push(test);

                // Remove test element
                test.parentNode.removeChild(test);

                // Avoid infinite
                if (test.children.length === 0) {
                    console.log('Space too small');
                    return [];
                }

                // Create next page
                test = element.cloneNode(false);
                element.parentNode.appendChild(test);
            }
        }

        // Store last page
        pages.push(test);

        // Remove test element
        test.parentNode.removeChild(test);

        return pages;
    };

});