Function printSingleCanvasLayer

test/lib/testHelper.js:2273–2334

(layerId, layer, frameNumber)

        }

        function printSingleCanvasLayer(layerId, layer, frameNumber) {
            var layerInfo = _drawOpCtx.layersInfoMap[layerId];
            if (!layerInfo) {
                layerInfo = _drawOpCtx.layersInfoMap[layerId] = {
                    recordLineCellCount: 0,
                    recordLineTitle: document.createElement('span'),
                    recordLineAvg: document.createElement('span'),
                    recordLineContainer: document.createElement('div')
                };
                layerInfo.stackLengthRecord = [];
                layerInfo.stackLengthSumInWindow = 0;
                layerInfo.stackLengthMax = 0;
                layerInfo.recordLineTitle.innerHTML = 'layer ' + layerId + ': ';
                layerInfo.recordLineTitle.className = 'print-canvas-layer-draw-operations-on-frame-record-line-title';
                layerInfo.recordLineAvg.className = 'print-canvas-layer-draw-operations-on-frame-record-line-title';
                layerInfo.recordLineContainer.className = 'print-canvas-layer-draw-operations-on-frame-record-line';
                var titleLineDom = document.createElement('div');
                titleLineDom.appendChild(layerInfo.recordLineTitle);
                titleLineDom.appendChild(layerInfo.recordLineAvg);
                _drawOpCtx.recordContainer.appendChild(titleLineDom);
                _drawOpCtx.recordContainer.appendChild(layerInfo.recordLineContainer);
            }

            var canvas = layer.dom;
            var ctx = canvas.getContext('2d');
            var stackLength = getStackLength(ctx);
            var thisStackLength = stackLength;

            if (thisStackLength > layerInfo.stackLengthMax) {
                layerInfo.stackLengthMax = thisStackLength;
            }

            layerInfo.stackLengthRecord.push(thisStackLength);
            layerInfo.stackLengthSumInWindow += thisStackLength;
            if (layerInfo.stackLengthRecord.length > _drawOpCtx.CELL_MAX) {
                layerInfo.stackLengthSumInWindow -= layerInfo.stackLengthRecord[0];
                layerInfo.stackLengthRecord.shift();
            }
            var avgStackLength = (layerInfo.stackLengthSumInWindow / layerInfo.stackLengthRecord.length).toFixed(2);
            layerInfo.recordLineAvg.innerHTML =
                '  (avg: ' + avgStackLength
                + ' = ' + layerInfo.stackLengthSumInWindow + ' / ' + layerInfo.stackLengthRecord.length
                + '    max: ' + layerInfo.stackLengthMax + ')';

            var cell;
            if (layerInfo.recordLineCellCount > _drawOpCtx.CELL_MAX) {
                cell = layerInfo.recordLineContainer.firstChild;
            }
            else {
                cell = document.createElement('span');
                layerInfo.recordLineCellCount++;
            }
            cell.innerHTML = frameNumber + ':<span class="print-canvas-layer-draw-operations-on-frame-cmd-count">' + thisStackLength + '</span> ';
            layerInfo.recordLineContainer.appendChild(cell);

            if (ctx.stack) {
                _lastOps[layerId] = ctx.stack().slice();
            }