@drozdik.m/dimensions-ratio
Version:
Simple helper for setting dimensions using ratio parameters.
64 lines (63 loc) • 3.82 kB
JavaScript
exports.__esModule = true;
var web_unit_test_1 = require("@drozdik.m/web-unit-test");
var unit_test_1 = require("@drozdik.m/unit-test");
var DimensionsRatio_1 = require("../../src/DimensionsRatio");
var dimensions_helper_1 = require("@drozdik.m/dimensions-helper");
var unitTest = new unit_test_1.UnitTest("Dimensions Ratio");
document.body.insertAdjacentHTML("beforeend", "\n <div id=\"div1\"></div>\n <div id=\"div2\"></div>\n<style>\n\n#div1 {\n height: 50px;\n width: 100px;\n}\n\n#div2 {\n height: 50px;\n width: 100px;\n}\n\n</style>\n");
unitTest.AddSyncTestCase("ByBidth 1:1", function () {
var ratio = new DimensionsRatio_1.DimensionsRatio(document.getElementById("div1"));
ratio.ByWidth(1, 1);
var dimHelper = new dimensions_helper_1.DimensionsHelper(document.getElementById("div1"));
unit_test_1.Assert.AreEqual(100, dimHelper.Height());
unit_test_1.Assert.AreEqual(100, dimHelper.Width());
});
unitTest.AddSyncTestCase("ByBidth 16:9", function () {
var ratio = new DimensionsRatio_1.DimensionsRatio(document.getElementById("div1"));
ratio.ByWidth(16, 9);
var dimHelper = new dimensions_helper_1.DimensionsHelper(document.getElementById("div1"));
unit_test_1.Assert.AreEqual(56, Math.floor(dimHelper.Height()));
unit_test_1.Assert.AreEqual(100, dimHelper.Width());
});
unitTest.AddSyncTestCase("ByBidth 1:1 static", function () {
DimensionsRatio_1.DimensionsRatio.ByWidth(document.getElementById("div1"), 1, 1);
var dimHelper = new dimensions_helper_1.DimensionsHelper(document.getElementById("div1"));
unit_test_1.Assert.AreEqual(100, dimHelper.Height());
unit_test_1.Assert.AreEqual(100, dimHelper.Width());
});
unitTest.AddSyncTestCase("ByBidth 16:9 static", function () {
DimensionsRatio_1.DimensionsRatio.ByWidth(document.getElementById("div1"), 16, 9);
var dimHelper = new dimensions_helper_1.DimensionsHelper(document.getElementById("div1"));
unit_test_1.Assert.AreEqual(56, Math.floor(dimHelper.Height()));
unit_test_1.Assert.AreEqual(100, dimHelper.Width());
});
unitTest.AddSyncTestCase("ByHeight 1:1", function () {
var ratio = new DimensionsRatio_1.DimensionsRatio(document.getElementById("div2"));
ratio.ByHeight(1, 1);
var dimHelper = new dimensions_helper_1.DimensionsHelper(document.getElementById("div2"));
unit_test_1.Assert.AreEqual(50, dimHelper.Height());
unit_test_1.Assert.AreEqual(50, dimHelper.Width());
});
unitTest.AddSyncTestCase("ByHeight 16:9", function () {
var ratio = new DimensionsRatio_1.DimensionsRatio(document.getElementById("div2"));
ratio.ByHeight(16, 9);
var dimHelper = new dimensions_helper_1.DimensionsHelper(document.getElementById("div2"));
unit_test_1.Assert.AreEqual(50, dimHelper.Height());
unit_test_1.Assert.AreEqual(88, Math.floor(dimHelper.Width()));
});
unitTest.AddSyncTestCase("ByHeight 1:1 static", function () {
DimensionsRatio_1.DimensionsRatio.ByHeight(document.getElementById("div2"), 1, 1);
var dimHelper = new dimensions_helper_1.DimensionsHelper(document.getElementById("div2"));
unit_test_1.Assert.AreEqual(50, dimHelper.Height());
unit_test_1.Assert.AreEqual(50, dimHelper.Width());
});
unitTest.AddSyncTestCase("ByHeight 16:9 static", function () {
DimensionsRatio_1.DimensionsRatio.ByHeight(document.getElementById("div2"), 16, 9);
var dimHelper = new dimensions_helper_1.DimensionsHelper(document.getElementById("div2"));
unit_test_1.Assert.AreEqual(50, dimHelper.Height());
unit_test_1.Assert.AreEqual(88, Math.floor(dimHelper.Width()));
});
document.addEventListener("DOMContentLoaded", function () {
var browserTestAgent = new web_unit_test_1.BrowserTestAgent(unitTest);
browserTestAgent.Run();
});