flint-gs 2.0.3 → 2.0.4

data/tests/input/functions/lib/_calc-breakpoint.scss

@@ -0,0 +1,62 @@
+/*
+ * Calculate breakpoint query
+ */
+@include describe("[function] calc-breakpoint") {
+
+    @include it("should expect breakpoint of passed key") {
+        @include should(expect(
+            flint-calc-breakpoint("alias", "desktop", 1)),
+            to(be(80em))
+        );
+        @include should(expect(
+            flint-calc-breakpoint("alias", "laptop", 2)),
+            to(be(60em))
+        );
+        @include should(expect(
+            flint-calc-breakpoint("alias", "tablet", 3)),
+            to(be(40em))
+        );
+        @include should(expect(
+            flint-calc-breakpoint("alias", "mobile", 4)),
+            to(be(20em))
+        );
+    }
+
+    @include it("should expect next breakpoint down from passed key") {
+        @include should(expect(
+            flint-calc-breakpoint("next", "desktop", 1)),
+            to(be(60em))
+        );
+        @include should(expect(
+            flint-calc-breakpoint("next", "laptop", 2)),
+            to(be(40em))
+        );
+        @include should(expect(
+            flint-calc-breakpoint("next", "tablet", 3)),
+            to(be(20em))
+        );
+        @include should(expect(
+            flint-calc-breakpoint("next", "mobile", 4)),
+            to(be(0))
+        );
+    }
+
+    @include it("should expect previous breakpoint up from passed key") {
+        @include should(expect(
+            flint-calc-breakpoint("prev", "desktop", 1)),
+            to(be(80em))
+        );
+        @include should(expect(
+            flint-calc-breakpoint("prev", "laptop", 2)),
+            to(be(80em))
+        );
+        @include should(expect(
+            flint-calc-breakpoint("prev", "tablet", 3)),
+            to(be(60em))
+        );
+        @include should(expect(
+            flint-calc-breakpoint("prev", "mobile", 4)),
+            to(be(40em))
+        );
+    }
+}

data/tests/input/functions/lib/_calc-width.scss

@@ -0,0 +1,195 @@
+/*
+ * Calculate width
+ */
+@include describe("[function] calc-width") {
+
+	@include it("should expect full width columns to be equal to manually calculated value") {
+		@include should(expect(
+			flint-calc-width("desktop", 16)),
+			to(be(("target": 80em, "context": 80em)))
+		);
+		@include should(expect(
+			flint-calc-width("laptop", 12)),
+			to(be(("target": 60em, "context": 60em)))
+		);
+		@include should(expect(
+			flint-calc-width("tablet", 8)),
+			to(be(("target": 40em, "context": 40em)))
+		);
+		@include should(expect(
+			flint-calc-width("mobile", 4)),
+			to(be(("target": 20em, "context": 20em)))
+		);
+	}
+
+	@include it("should expect three-quarter width columns to be equal to manually calculated value") {
+		@include should(expect(
+			flint-calc-width("desktop", 12)),
+			to(be(("target": (80em / 4 * 3), "context": 80em)))
+		);
+		@include should(expect(
+			flint-calc-width("laptop", 9)),
+			to(be(("target": (60em / 4 * 3), "context": 60em)))
+		);
+		@include should(expect(
+			flint-calc-width("tablet", 6)),
+			to(be(("target": (40em / 4 * 3), "context": 40em)))
+		);
+		@include should(expect(
+			flint-calc-width("mobile", 3)),
+			to(be(("target": (20em / 4 * 3), "context": 20em)))
+		);
+	}
+
+	@include it("should expect half width columns to be equal to manually calculated value") {
+		@include should(expect(
+			flint-calc-width("desktop", 8)),
+			to(be(("target": (80em / 2), "context": 80em)))
+		);
+		@include should(expect(
+			flint-calc-width("laptop", 6)),
+			to(be(("target": (60em / 2), "context": 60em)))
+		);
+		@include should(expect(
+			flint-calc-width("tablet", 4)),
+			to(be(("target": (40em / 2), "context": 40em)))
+		);
+		@include should(expect(
+			flint-calc-width("mobile", 2)),
+			to(be(("target": (20em / 2), "context": 20em)))
+		);
+	}
+
+	@include it("should expect quarter width columns to be equal to manually calculated value") {
+		@include should(expect(
+			flint-calc-width("desktop", 4, null, 1em)),
+			to(be(("target": (80em / 4) - 1em, "context": 80em)))
+		);
+		@include should(expect(
+			flint-calc-width("laptop", 3, null, 1em)),
+			to(be(("target": (60em / 4) - 1em, "context": 60em)))
+		);
+		@include should(expect(
+			flint-calc-width("tablet", 2, null, 1em)),
+			to(be(("target": (40em / 4) - 1em, "context": 40em)))
+		);
+		@include should(expect(
+			flint-calc-width("mobile", 1, null, 1em)),
+			to(be(("target": (20em / 4) - 1em, "context": 20em)))
+		);
+	}
+
+	@include it("should expect single width columns to be equal to manually calculated value") {
+		@include should(expect(
+			flint-calc-width("desktop", 1)),
+			to(be(("target": (80em / 16), "context": 80em)))
+		);
+		@include should(expect(
+			flint-calc-width("laptop", 1)),
+			to(be(("target": (60em / 12), "context": 60em)))
+		);
+		@include should(expect(
+			flint-calc-width("tablet", 1)),
+			to(be(("target": (40em / 8), "context": 40em)))
+		);
+		@include should(expect(
+			flint-calc-width("mobile", 1)),
+			to(be(("target": (20em / 4), "context": 20em)))
+		);
+	}
+
+	@include it("should expect full width columns with context to be equal to manually calculated value") {
+		@include should(expect(
+			flint-calc-width("desktop", 8, 8)),
+			to(be(("target": 40em, "context": 40em)))
+		);
+		@include should(expect(
+			flint-calc-width("laptop", 6, 6)),
+			to(be(("target": 30em, "context": 30em)))
+		);
+		@include should(expect(
+			flint-calc-width("tablet", 4, 4)),
+			to(be(("target": 20em, "context": 20em)))
+		);
+		@include should(expect(
+			flint-calc-width("mobile", 2, 2)),
+			to(be(("target": 10em, "context": 10em)))
+		);
+	}
+
+	@include it("should expect three-quarter width columns with context to be equal to manually calculated value") {
+		@include should(expect(
+			flint-calc-width("desktop", 6, 8)),
+			to(be(("target": (40em / 4 * 3), "context": 40em)))
+		);
+		@include should(expect(
+			flint-calc-width("laptop", 4.5, 6)),
+			to(be(("target": (30em / 4 * 3), "context": 30em)))
+		);
+		@include should(expect(
+			flint-calc-width("tablet", 6, 8)),
+			to(be(("target": (40em / 4 * 3), "context": 40em)))
+		);
+		@include should(expect(
+			flint-calc-width("mobile", 3, 4)),
+			to(be(("target": (20em / 4 * 3), "context": 20em)))
+		);
+	}
+
+	@include it("should expect half width columns with context to be equal to manually calculated value") {
+		@include should(expect(
+			flint-calc-width("desktop", 4, 8)),
+			to(be(("target": (40em / 2), "context": 40em)))
+		);
+		@include should(expect(
+			flint-calc-width("laptop", 3, 6)),
+			to(be(("target": (30em / 2), "context": 30em)))
+		);
+		@include should(expect(
+			flint-calc-width("tablet", 2, 4)),
+			to(be(("target": (20em / 2), "context": 20em)))
+		);
+		@include should(expect(
+			flint-calc-width("mobile", 1, 2)),
+			to(be(("target": (10em / 2), "context": 10em)))
+		);
+	}
+
+	@include it("should expect quarter width columns with context to be equal to manually calculated value") {
+		@include should(expect(
+			flint-calc-width("desktop", 1, 4)),
+			to(be(("target": (20em / 4), "context": 20em)))
+		);
+		@include should(expect(
+			flint-calc-width("laptop", 1, 4)),
+			to(be(("target": (20em / 4), "context": 20em)))
+		);
+		@include should(expect(
+			flint-calc-width("tablet", 1, 4)),
+			to(be(("target": (20em / 4), "context": 20em)))
+		);
+		@include should(expect(
+			flint-calc-width("mobile", 0.5, 2)),
+			to(be(("target": (10em / 4), "context": 10em)))
+		);
+	}
+
+	@include it("should expect single width columns with context to be equal to manually calculated value") {
+		@include should(expect(
+			flint-calc-width("desktop", 1, 16)),
+			to(be(("target": (80em / 16), "context": 80em)))
+		);
+		@include should(expect(
+			flint-calc-width("laptop", 1, 12)),
+			to(be(("target": (60em / 12), "context": 60em)))
+		);
+		@include should(expect(
+			flint-calc-width("tablet", 1, 8)),
+			to(be(("target": (40em / 8), "context": 40em)))
+		);
+		@include should(expect(
+			flint-calc-width("mobile", 1, 4)),
+			to(be(("target": (20em / 4), "context": 20em)))
+		);
+	}
+}

data/tests/input/functions/lib/_exists.scss

@@ -0,0 +1,30 @@
+/*
+ * Check if key exists in map
+ */
+@include describe("[function] exists") {
+
+	$map: (
+		"key": "value",
+		"map": (
+			"deep key": "value"
+		)
+	);
+
+	@include it("should expect key to exist within map") {
+		@include should(expect(
+			flint-exists($map, "key")),
+			to(be(true))
+		);
+		@include should(expect(
+			flint-exists($map, "deep key")),
+			to(be(true))
+		);
+	}
+
+	@include it("should expect key to not exist within map") {
+		@include should(expect(
+			flint-exists($map, "unknown")),
+			to(be(false))
+		);
+	}
+}

data/tests/input/functions/lib/_fluid-width.scss

@@ -0,0 +1,32 @@
+/*
+ * Convert fixed to fluid width
+ */
+@include describe("[function] fluid-width") {
+
+	@include it("should expect result to be equal to manual calculation") {
+		@include should(expect(
+			flint-fluid-width(80em / 16, 80em)),
+			to(be(100% / 16))
+		);
+		@include should(expect(
+			flint-fluid-width(80em / 8, 80em)),
+			to(be(100% / 8))
+		);
+		@include should(expect(
+			flint-fluid-width(80em / 4, 80em)),
+			to(be(100% / 4))
+		);
+		@include should(expect(
+			flint-fluid-width(80em / 3, 80em)),
+			to(be(100% / 3))
+		);
+		@include should(expect(
+			flint-fluid-width(80em / 2, 80em)),
+			to(be(100% / 2))
+		);
+		@include should(expect(
+			flint-fluid-width(80em / 1, 80em)),
+			to(be(100% / 1))
+		);
+	}
+}

data/tests/input/functions/lib/_get-index.scss

@@ -0,0 +1,31 @@
+/*
+ * Gets the index of the passed key
+ */
+@include describe("[function] get-index") {
+
+    @include it("should expect index to match index of key in configuration map") {
+        @include should(expect(
+            flint-get-index("desktop")),
+            to(be(1))
+        );
+        @include should(expect(
+            flint-get-index("laptop")),
+            to(be(2))
+        );
+        @include should(expect(
+            flint-get-index("tablet")),
+            to(be(3))
+        );
+        @include should(expect(
+            flint-get-index("mobile")),
+            to(be(4))
+        );
+    }
+
+    @include it("should expect index to not be found") {
+        @include should(expect(
+            flint-get-index("unknown")),
+            to(be(false))
+        );
+    }
+}

data/tests/input/functions/lib/_get-instance-value.scss

@@ -0,0 +1,72 @@
+/*
+ * Get single value from key in instance map based on $selector::$key
+ */
+@include describe("[function] get-instance-value") {
+
+	// $flint__instances: (
+	// 	".instance::desktop": (
+	// 		"instance-count": 1,
+	// 		"parent-selector": none,
+	// 		"key": "desktop",
+	// 		"breakpoint": 80em,
+	// 		"columns": 16,
+	// 		"span": 4,
+	// 		"context": null,
+	// 		"gutter": null,
+	// 		"internal": (
+	// 			"width": 18.75em,
+	// 			"margin-right": 0.625em,
+	// 			"margin-left": 0.625em
+	// 		)
+	// 	)
+	// );
+
+	@include it("should expect to return false unless inside of a parent instance") {
+		@include should(expect(
+			flint-get-instance-value("desktop", "breakpoint")),
+			to(be(false))
+		);
+	}
+
+	.parent-instance {
+		@include _("desktop", 4);
+
+		.child-instance {
+			@include _("desktop", 2) {
+
+				@include it("should expect correct value from parent selector to be fetched from instance map") {
+					@include should(expect(
+						flint-get-instance-value("desktop", "breakpoint")),
+						to(be(80em))
+					);
+					@include should(expect(
+						flint-get-instance-value("desktop", "columns")),
+						to(be(16))
+					);
+					@include should(expect(
+						flint-get-instance-value("desktop", "span")),
+						to(be(4))
+					);
+					@include should(expect(
+						flint-get-instance-value("desktop", "internal", "width")),
+						to(be(18.75em))
+					);
+				}
+
+				@include it("should expect non-existent values to return false") {
+					@include should(expect(
+						flint-get-instance-value("mobile", "breakpoint")),
+						to(be(false))
+					);
+					@include should(expect(
+						flint-get-instance-value("laptop", "columns")),
+						to(be(false))
+					);
+				}
+			}
+		}
+	}
+
+	$flint__instances: () !global;
+	$flint__instance-count: 0 !global;
+}

data/tests/input/functions/lib/_get-value.scss

@@ -0,0 +1,28 @@
+/*
+ * Get single value from configuration map
+ */
+@include describe("[function] get-value") {
+
+	@include it("should expect value to be fetched from configuration map") {
+		@include should(expect(
+			flint-get-value("breakpoints", "desktop", "breakpoint")),
+			to(be(80em))
+		);
+		@include should(expect(
+			flint-get-value("breakpoints", "laptop", "columns")),
+			to(be(12))
+		);
+		@include should(expect(
+			flint-get-value("settings", "grid")),
+			to(be("fluid"))
+		);
+		@include should(expect(
+			flint-get-value("settings", "gutter")),
+			to(be(0.625em))
+		);
+		@include should(expect(
+			flint-get-value("settings", "float-direction")),
+			to(be("left"))
+		);
+	}
+}