Skip to content

Commit

Permalink
Add snapshot variation comments for Layout
Browse files Browse the repository at this point in the history
  • Loading branch information
@tinder-emanharoutunian
tinder-emanharoutunian committed Dec 1, 2023
1 parent 5089786 commit 737093e
Showing 1 changed file with 45 additions and 31 deletions.
76 changes: 45 additions & 31 deletions Tests/LayoutTests/LayoutTests.swift
View file
Original file line number Diff line number Diff line change
Expand Up @@ -353,29 +353,35 @@ final class LayoutTests: XCTestCase {
yellowView
}

// To Attribute With Constant
// Constrain View Attribute To Target Attribute of Target View With Constant, Default Relation and
// Multiplier

layout.constrain(pinkView, .bottom, to: .top, of: yellowView, constant: -12)

// To Attribute With Greater Than Or Equal Relation
// Constrain To View Attribute To Target Attribute of Target View With Greater Than Or Equal Relation and
// Default Multiplier

layout.constrain(pinkView, .top, to: .top, of: view, constant: 20)
layout.constrain(pinkView, .top, is: .greaterThanOrEqual, to: .top, of: view, constant: 6)

// To Attribute With Less Than Or Equal Relation
// Constraint To View Attribute To Target Attribute of Target View With Less Than Or Equal Relation and
// Default Multiplier

layout.constrain(yellowView, .bottom, is: .lessThanOrEqual, to: .bottom, of: view, constant: -10)
layout.constrain(yellowView, .bottom, to: .bottom, of: view, constant: -20)

// To TargetAttribute (sans Attribute)
// Constrain View To Target Attribute of Target View With Constant, Default Attribute, Relation and
// Multiplier

layout.constrain(pinkView, to: .leading, of: view, constant: 4)

// To TargetAttribute (sans Constant)
// Constrain View To Target Attribute of Target View With Default Attribute, Relation, Constant and
// Multiplier

layout.constrain(yellowView, to: .leading, of: view)

// To Attribute With Multiplier
// Constrain To View Attribute With Relation, Target Attribute of Target View, Multiplier, and Default
// Constant

layout.constrain(pinkView, .width, is: .equal, to: .width, of: view, multiplier: 0.75)
layout.constrain(yellowView, .width, is: .equal, to: .width, of: view, multiplier: 0.5)
Expand All @@ -402,7 +408,7 @@ final class LayoutTests: XCTestCase {
yellowView
}

// To Anchor
// Constrain Anchor to Target Anchor With Default Relation, Constant, and Priority

layout.constrain(pinkView.leading,
is: .greaterThanOrEqual,
Expand All @@ -411,13 +417,13 @@ final class LayoutTests: XCTestCase {
priority: .high)
layout.constrain(pinkView.leading, to: view.leading)

// To Anchor with Constant
// Constrain Anchor To Target Anchor With Constant, Default Relation and Priority

layout.constrain(yellowView.leading, to: view.leading, constant: 20)
layout.constrain(pinkView.trailing, to: view.trailing, constant: -20)
layout.constrain(yellowView.trailing, to: view.trailing, constant: -20)

// To Anchor with Constant and Priority
// Constrain Anchor To Target Anchor with Constant, Priority and Default Relation

layout.constrain(
pinkView.top,
Expand All @@ -433,7 +439,7 @@ final class LayoutTests: XCTestCase {
priority: .high
)

// To Anchor With Greater Than Or Equal Relation and Priority
// Constrain Anchor To Target Anchor With Greater Than Or Equal Relation, Constant and Priority

layout.constrain(
pinkView.bottom,
Expand All @@ -457,7 +463,7 @@ final class LayoutTests: XCTestCase {
priority: .high
)

// To Anchor With Less Than Or Equal Relation and Priority
// Constrain Anchor To Target Anchor With Less Than Or Equal Relation, Constant and Priority

layout.constrain(
yellowView.bottom,
Expand Down Expand Up @@ -513,7 +519,7 @@ final class LayoutTests: XCTestCase {
.to(.bottom, constant: -10)
}

// To Anchor
// Constrain Anchor To Target Anchor With Default Relation, Multiplier, Constant and Priority

layout.constrain(pinkView.height,
is: .greaterThanOrEqual,
Expand All @@ -523,26 +529,28 @@ final class LayoutTests: XCTestCase {
priority: .high)
layout.constrain(pinkView.height, to: yellowView.height)

// To Anchor with Constant
// Constrain Anchor To Target Anchor With Constant, Default Relation, Multiplier and Priority

layout.constrain(pinkView.width, to: view.width, constant: -150)

// To Anchor with Multiplier
// Constrain Anchor To Target Anchor With Multiplier, Default Relation, Constant and Priority

layout.constrain(yellowView.width, to: view.width, multiplier: 0.33)

// To Anchor with Priority
// Constrain Anchor to Target Anchor With Priority, Default Relation, Multiplier and Constant

layout.constrain(blueView.width, to: view.width, priority: .low)
layout.constrain(blueView.width, to: yellowView.width, priority: .high)

// To Anchor with Greater Than or Equal Relationm Constant and Priority
// Constrain Anchor To Target Anchor with Greater Than Or Equal Relation, Default Multiplier, Constant and
// Priority

layout.constrain(greenView.height, is: .greaterThanOrEqual, to: yellowView.height)
layout.constrain(greenView.height, to: yellowView.height, constant: -50, priority: .low)
layout.constrain(greenView.height, to: yellowView.height, constant: 50, priority: .high)

// To Anchor with Less Than or Equal Relation, Constant and Priority
// Constrain Anchor To Target Anchor With Less Than or Equal Relation, Default Multiplier, Constant and
// Priority

layout.constrain(greenView.width, is: .lessThanOrEqual, to: yellowView.width)
layout.constrain(greenView.width, to: yellowView.width, constant: 50, priority: .low)
Expand Down Expand Up @@ -571,22 +579,22 @@ final class LayoutTests: XCTestCase {
.to([.trailing, .bottom], constant: -20)
}

// Anchor With Constant
// Constrain Anchor With Constant, Default Relation and Priority

layout.constrain(pinkView.height, to: 100)

// Anchor with Greater Than Or Equal Relation, Constant and Priority
// Constrain Anchor With Greater Than Or Equal Relation, Constant and Default Priority

layout.constrain(pinkView.width, is: .greaterThanOrEqual, to: 40)
layout.constrain(pinkView.width, to: 20, priority: .low)
layout.constrain(pinkView.width, to: 200, priority: .high)

// Anchor with Constant and Priority
// Constrain Anchor With Constant, Priority, and Default Relation

layout.constrain(yellowView.height, to: 25, priority: .low)
layout.constrain(yellowView.height, to: 100, priority: .high)

// Anchor with Less Than Or Equal Relation, Constant and Priority
// Constrain Anchor With Less Than Or Equal Relation, Constant and Priority

layout.constrain(yellowView.width, is: .lessThanOrEqual, to: 250, priority: .high)
layout.constrain(yellowView.width, to: 300, priority: .low)
Expand Down Expand Up @@ -629,11 +637,11 @@ final class LayoutTests: XCTestCase {
yellowView
}

// Pin to View
// Pin View1 To View2 With Default Insets

layout.constrain(pinkView, to: view)

// Pin to View with EdgeInsets
// Pin View1 To View2 With Insets

layout.constrain(yellowView,
to: view,
Expand Down Expand Up @@ -667,9 +675,15 @@ final class LayoutTests: XCTestCase {

assertLayout { view in
view.layout {

// Equal Width Attribute

pinkView
.size(width: 50, height: 50)
.to([.top, .leading])

// Equal Height Attribute

yellowView
.to([.top, .trailing])
}
Expand Down Expand Up @@ -747,7 +761,7 @@ final class LayoutTests: XCTestCase {
.size(width: 50, height: 50)
}

// Horizontal With Views and Alignment
// Horizontal Views With Alignment, Default Spacing, Direction and Priority

layout.horizontal([pinkView, yellowView],
spacing: 20,
Expand All @@ -756,7 +770,7 @@ final class LayoutTests: XCTestCase {
alignment: .centerY)
layout.horizontal([pinkView, yellowView], alignment: .centerY)

// Spacing, Direction and Priority
// Horizontal Views With Spacing, Direction, Priority and Alignment

layout.horizontal(
[blueView, greenView],
Expand Down Expand Up @@ -797,7 +811,7 @@ final class LayoutTests: XCTestCase {
.size(width: 100, height: 50, priority: .low)
}

// Horizontal With Views and Alignment
// Horizontal Views With Flexible View, Alignment, Default Spacing, Direction and Priority

layout.horizontal([pinkView, yellowView],
spacing: 20,
Expand Down Expand Up @@ -837,12 +851,12 @@ final class LayoutTests: XCTestCase {
.size(width: 50, height: 50)
}

// Vertical With Views and Alignment
// Vertical Views With Alignment, Default Spacing and Priority

layout.vertical([pinkView, yellowView], spacing: 20, priority: .high, alignment: .centerX)
layout.vertical([pinkView, yellowView], alignment: .centerX)

// Spacing
// Vertical Views With Spacing, Alignment, and Priority

layout.vertical([blueView, greenView], spacing: 20, priority: .low, alignment: .centerX)
layout.vertical([blueView, greenView], spacing: 12, priority: .high, alignment: .centerX)
Expand Down Expand Up @@ -870,7 +884,7 @@ final class LayoutTests: XCTestCase {
.size(width: 50, height: 100, priority: .low)
}

// Vertical With Views and Alignment
// Vertical Views With Flexible View, Alignment, Default Spacing and Priority

layout.vertical([pinkView, yellowView], spacing: 20, priority: .high, alignment: .leading, .trailing)
layout.vertical([pinkView, yellowView], alignment: .leading, .trailing)
Expand Down Expand Up @@ -918,12 +932,12 @@ final class LayoutTests: XCTestCase {
.to(.trailing)
}

// Center Between
// Center View Between Top Anchor and Bottom Anchor With Default Priority

layout.center(yellowView, between: view.top, and: view.centerY, priority: .high)
layout.center(yellowView, between: view.top, and: view.bottom)

// With Priority
// Center View Between Top Anchor and Bottom Anchor With Priority

layout.center(pinkView, between: yellowView.top, and: yellowView.bottom, priority: .low)
layout.center(pinkView, between: view.top, and: view.bottom, priority: .high)
Expand Down

0 comments on commit 737093e

Please sign in to comment.