package.src.directive.attrs.attrs.spec.js Maven / Gradle / Ivy

Go to download

import { Angular } from "../../loader";
import { createInjector } from "../../core/di/injector";
import { dealoc } from "../../shared/jqlite/jqlite";

describe("ngSrcset", () => {
  let $scope;
  let $compile;
  let element;

  beforeEach(() => {
    window.angular = new Angular();
    window.angular.module("myModule", ["ng"]);
    createInjector(["myModule"]).invoke(($rootScope, _$compile_) => {
      $scope = $rootScope.$new();
      $compile = _$compile_;
    });
  });

  afterEach(() => {
    dealoc(element);
  });

  it("should not result empty string in img srcset", () => {
    $scope.image = {};
    element = $compile('')($scope);
    expect(element.attr("srcset")).toBeUndefined();
  });

  it("should sanitize good urls", () => {
    $scope.imageUrl =
      "http://example.com/image1.png 1x, http://example.com/image2.png 2x";
    element = $compile('')($scope);
    expect(element.attr("srcset")).toBe(
      "http://example.com/image1.png 1x,http://example.com/image2.png 2x",
    );
  });

  it("should sanitize evil url", () => {
    $scope.imageUrl =
      "http://example.com/image1.png 1x, javascript:doEvilStuff() 2x";
    element = $compile('')($scope);
    expect(element.attr("srcset")).toBe(
      "http://example.com/image1.png 1x,unsafe:javascript:doEvilStuff() 2x",
    );
  });

  it("should not throw an error if undefined", () => {
    element = $compile('')($scope);
  });

  it("should interpolate the expression and bind to srcset", () => {
    const element = $compile('

')($scope);

    expect(element.attr("srcset")).toBeUndefined();

    $scope.$apply(() => {
      $scope.id = 1;
    });
    expect(element.attr("srcset")).toEqual("some/1 2x");

    dealoc(element);
  });
});