Function assertBasicRendering

test/components/interpolatedColorLegendTests.ts:29–59

()

    });

    function assertBasicRendering() {
      const scaleDomain = colorScale.domain();
      const legendContent = legend.content();

      const swatchesNodes = legendContent.selectAll<Element, any>(SWATCH_SELECTOR).nodes();
      assert.strictEqual(d3.select(swatchesNodes[0]).attr("fill"),
                        colorScale.scale(scaleDomain[0]),
                        "first swatch's color corresponds with first domain value");
      assert.strictEqual(d3.select(swatchesNodes[swatchesNodes.length - 1]).attr("fill"),
                        colorScale.scale(scaleDomain[1]),
                        "last swatch's color corresponds with second domain value");

      const defaultNumSwatches = (<any> Plottable.Components.InterpolatedColorLegend)._DEFAULT_NUM_SWATCHES;
      assert.operator(swatchesNodes.length, ">=", defaultNumSwatches, "there are at least 11 swatches");

      const swatchContainer = legendContent.select(SWATCH_CONTAINER_SELECTOR);
      const swatchContainerBCR = (<Element> swatchContainer.node()).getBoundingClientRect();
      const swatchBoundingBox = legendContent.select(SWATCH_BBOX_SELECTOR);
      const boundingBoxBCR = (<Element> swatchBoundingBox.node()).getBoundingClientRect();
      assert.isTrue(Plottable.Utils.DOM.clientRectInside(swatchContainerBCR, boundingBoxBCR),
                    "bounding box contains all swatches");

      const elementBCR = (<Element> legendContent.node()).getBoundingClientRect();
      assert.isTrue(Plottable.Utils.DOM.clientRectInside(swatchContainerBCR, elementBCR),
                    "swatches are drawn within the legend's element");

      const formattedDomainValues = scaleDomain.map(legend.formatter());
      const labels = legendContent.selectAll<Element, any>("text");
      const labelTexts = labels.nodes().map((textNode: HTMLScriptElement) => textNode.textContent);
      assert.deepEqual(labelTexts, formattedDomainValues, "formatter is used to format label text");
    }

    it("renders correctly when horizontal", () => {
      legend.renderTo(div);