add icon_positions test

e2etests/stable_test.go

@@ -2780,6 +2780,7 @@ scenarios: {
 		loadFromFile(t, "multiple_box_selection"),
 		loadFromFile(t, "outside_bottom_labels"),
 		loadFromFile(t, "label_positions"),
+		loadFromFile(t, "icon_positions"),
 	}
 
 	runa(t, tcs)

e2etests/testdata/files/icon_positions.d2

@@ -0,0 +1,158 @@
+non container: {
+  Default.class: icon
+
+  OutsideTopLeft.class: [icon; OutsideTopLeft]
+  OutsideTopCenter.class: [icon; OutsideTopCenter]
+  OutsideTopRight.class: [icon; OutsideTopRight]
+
+  OutsideLeftTop.class: [icon; OutsideLeftTop]
+  OutsideLeftMiddle.class: [icon; OutsideLeftMiddle]
+  OutsideLeftBottom.class: [icon; OutsideLeftBottom]
+
+  OutsideRightTop.class: [icon; OutsideRightTop]
+  OutsideRightMiddle.class: [icon; OutsideRightMiddle]
+  OutsideRightBottom.class: [icon; OutsideRightBottom]
+
+  OutsideBottomLeft.class: [icon; OutsideBottomLeft]
+  OutsideBottomCenter.class: [icon; OutsideBottomCenter]
+  OutsideBottomRight.class: [icon; OutsideBottomRight]
+
+  InsideTopLeft.class: [icon; InsideTopLeft]
+  InsideTopCenter.class: [icon; InsideTopCenter]
+  InsideTopRight.class: [icon; InsideTopRight]
+
+  InsideMiddleLeft.class: [icon; InsideMiddleLeft]
+  InsideMiddleCenter.class: [icon; InsideMiddleCenter]
+  InsideMiddleRight.class: [icon; InsideMiddleRight]
+
+  InsideBottomLeft.class: [icon; InsideBottomLeft]
+  InsideBottomCenter.class: [icon; InsideBottomCenter]
+  InsideBottomRight.class: [icon; InsideBottomRight]
+}
+
+container: {
+  Default.Default.class: icon
+
+  OutsideTopLeft.class: [icon; OutsideTopLeft]
+  OutsideTopCenter.class: [icon; OutsideTopCenter]
+  OutsideTopRight.class: [icon; OutsideTopRight]
+
+  OutsideLeftTop.class: [icon; OutsideLeftTop]
+  OutsideLeftMiddle.class: [icon; OutsideLeftMiddle]
+  OutsideLeftBottom.class: [icon; OutsideLeftBottom]
+
+  OutsideRightTop.class: [icon; OutsideRightTop]
+  OutsideRightMiddle.class: [icon; OutsideRightMiddle]
+  OutsideRightBottom.class: [icon; OutsideRightBottom]
+
+  OutsideBottomLeft.class: [icon; OutsideBottomLeft]
+  OutsideBottomCenter.class: [icon; OutsideBottomCenter]
+  OutsideBottomRight.class: [icon; OutsideBottomRight]
+
+  InsideTopLeft.class: [icon; InsideTopLeft]
+  InsideTopCenter.class: [icon; InsideTopCenter]
+  InsideTopRight.class: [icon; InsideTopRight]
+
+  InsideMiddleLeft.class: [icon; InsideMiddleLeft]
+  InsideMiddleCenter.class: [icon; InsideMiddleCenter]
+  InsideMiddleRight.class: [icon; InsideMiddleRight]
+
+  InsideBottomLeft.class: [icon; InsideBottomLeft]
+  InsideBottomCenter.class: [icon; InsideBottomCenter]
+  InsideBottomRight.class: [icon; InsideBottomRight]
+
+  OutsideTopLeft.OutsideTopLeft
+  OutsideTopCenter.OutsideTopCenter
+  OutsideTopRight.OutsideTopRight
+
+  OutsideLeftTop.OutsideLeftTop
+  OutsideLeftMiddle.OutsideLeftMiddle
+  OutsideLeftBottom.OutsideLeftBottom
+
+  OutsideRightTop.OutsideRightTop
+  OutsideRightMiddle.OutsideRightMiddle
+  OutsideRightBottom.OutsideRightBottom
+
+  OutsideBottomLeft.OutsideBottomLeft
+  OutsideBottomCenter.OutsideBottomCenter
+  OutsideBottomRight.OutsideBottomRight
+
+  InsideTopLeft.InsideTopLeft
+  InsideTopCenter.InsideTopCenter
+  InsideTopRight.InsideTopRight
+
+  InsideMiddleLeft.InsideMiddleLeft
+  InsideMiddleCenter.InsideMiddleCenter
+  InsideMiddleRight.InsideMiddleRight
+
+  InsideBottomLeft.InsideBottomLeft
+  InsideBottomCenter.InsideBottomCenter
+  InsideBottomRight.InsideBottomRight
+}
+
+image: {
+  Default.class: [icon; image]
+
+  OutsideTopLeft.class: [icon; image; OutsideTopLeft]
+  OutsideTopCenter.class: [icon; image; OutsideTopCenter]
+  OutsideTopRight.class: [icon; image; OutsideTopRight]
+
+  OutsideLeftTop.class: [icon; image; OutsideLeftTop]
+  OutsideLeftMiddle.class: [icon; image; OutsideLeftMiddle]
+  OutsideLeftBottom.class: [icon; image; OutsideLeftBottom]
+
+  OutsideRightTop.class: [icon; image; OutsideRightTop]
+  OutsideRightMiddle.class: [icon; image; OutsideRightMiddle]
+  OutsideRightBottom.class: [icon; image; OutsideRightBottom]
+
+  OutsideBottomLeft.class: [icon; image; OutsideBottomLeft]
+  OutsideBottomCenter.class: [icon; image; OutsideBottomCenter]
+  OutsideBottomRight.class: [icon; image; OutsideBottomRight]
+
+  InsideTopLeft.class: [icon; image; InsideTopLeft]
+  InsideTopCenter.class: [icon; image; InsideTopCenter]
+  InsideTopRight.class: [icon; image; InsideTopRight]
+
+  InsideMiddleLeft.class: [icon; image; InsideMiddleLeft]
+  InsideMiddleCenter.class: [icon; image; InsideMiddleCenter]
+  InsideMiddleRight.class: [icon; image; InsideMiddleRight]
+
+  InsideBottomLeft.class: [icon; image; InsideBottomLeft]
+  InsideBottomCenter.class: [icon; image; InsideBottomCenter]
+  InsideBottomRight.class: [icon; image; InsideBottomRight]
+}
+
+non container -> container -> image
+
+classes: {
+  image.shape: image
+  icon.icon: https://icons.terrastruct.com/essentials/time.svg
+
+  OutsideTopLeft.icon.near: outside-top-left
+  OutsideTopCenter.icon.near: outside-top-center
+  OutsideTopRight.icon.near: outside-top-right
+
+  OutsideLeftTop.icon.near: outside-left-top
+  OutsideLeftMiddle.icon.near: outside-left-center
+  OutsideLeftBottom.icon.near: outside-left-bottom
+
+  OutsideRightTop.icon.near: outside-right-top
+  OutsideRightMiddle.icon.near: outside-right-center
+  OutsideRightBottom.icon.near: outside-right-bottom
+
+  OutsideBottomLeft.icon.near: outside-bottom-left
+  OutsideBottomCenter.icon.near: outside-bottom-center
+  OutsideBottomRight.icon.near: outside-bottom-right
+
+  InsideTopLeft.icon.near: top-left
+  InsideTopCenter.icon.near: top-center
+  InsideTopRight.icon.near: top-right
+
+  InsideMiddleLeft.icon.near: center-left
+  InsideMiddleCenter.icon.near: center-center
+  InsideMiddleRight.icon.near: center-right
+
+  InsideBottomLeft.icon.near: bottom-left
+  InsideBottomCenter.icon.near: bottom-center
+  InsideBottomRight.icon.near: bottom-right
+}