under-os-ui 1.4.0

data/spec/under_os/ui/style/fonts_spec.rb

@@ -0,0 +1,111 @@
+describe UnderOs::UI::Style::Fonts do
+  before do
+    @view  = UnderOs::UI::View.new
+  end
+
+  describe 'fontFamily' do
+    before { @view = UnderOs::UI::Label.new(text: "Hello")}
+
+    it "should return the view's font family name" do
+      @view.style.fontFamily.should == @view._.font.familyName
+    end
+
+    it "allows to set a new family name" do
+      @view.style.fontFamily = "Chalkduster"
+      @view._.font.familyName.should == "Chalkduster"
+    end
+
+    it "should keep the original font-size" do
+      @view.style.fontSize = 20
+      @view.style.fontFamily = "Chalkduster"
+      @view._.font.pointSize.should == 20.0
+    end
+  end
+
+  describe "fontSize" do
+    before { @view = UnderOs::UI::Label.new(text: "Hello")}
+
+    it "returns the labels current font-size" do
+      @view.style.fontSize.should == @view._.font.pointSize
+    end
+
+    it "allows to the new font size" do
+      @view.style.fontSize = 40
+      @view._.font.pointSize.should == 40.0
+    end
+
+    it "keeps the original font family" do
+      @view.style.fontFamily = "Chalkduster"
+      @view.style.fontSize = 30
+      @view._.font.familyName.should == "Chalkduster"
+    end
+  end
+
+  describe 'text-align' do
+
+    it "should not crash when called on unsupported elements" do
+      @view.style.textAlign = 'left'
+      true.should == true
+    end
+
+    describe 'with a label' do
+      before do
+        @view = UnderOs::UI::Label.new(text: "Hello")
+      end
+
+      it "should allow to align the text to the left" do
+        @view.style.textAlign = 'left'
+        @view._.textAlignment.should == NSTextAlignmentLeft
+        @view.style.textAlign.should == 'left'
+      end
+
+      it "should allow to align the text to the right" do
+        @view.style.textAlign = 'right'
+        @view._.textAlignment.should == NSTextAlignmentRight
+        @view.style.textAlign.should == 'right'
+      end
+
+      it "should allow to align the text to the center" do
+        @view.style.textAlign = 'center'
+        @view._.textAlignment.should == NSTextAlignmentCenter
+        @view.style.textAlign.should == 'center'
+      end
+
+      # it "should allow to align the text to fill the size" do
+      #   @view.style.textAlign = 'justify'
+      #   @view._.textAlignment.should == NSTextAlignmentJustified
+      #   @view.style.textAlign.should == 'justify'
+      # end
+    end
+
+    describe 'with a button' do
+      before do
+        @view = UnderOs::UI::Button.new(text: "Hello")
+      end
+
+      it "should allow to align the text to the left" do
+        @view.style.textAlign = 'left'
+        @view._.contentHorizontalAlignment.should == UIControlContentHorizontalAlignmentLeft
+        @view.style.textAlign.should == 'left'
+      end
+
+      it "should allow to align the text to the right" do
+        @view.style.textAlign = 'right'
+        @view._.contentHorizontalAlignment.should == UIControlContentHorizontalAlignmentRight
+        @view.style.textAlign.should == 'right'
+      end
+
+      it "should allow to align the text to the center" do
+        @view.style.textAlign = 'center'
+        @view._.contentHorizontalAlignment.should == UIControlContentHorizontalAlignmentCenter
+        @view.style.textAlign.should == 'center'
+      end
+
+      it "should allow to align the text to fill the size" do
+        @view.style.textAlign = 'justify'
+        @view._.contentHorizontalAlignment.should == UIControlContentHorizontalAlignmentFill
+        @view.style.textAlign.should == 'justify'
+      end
+    end
+  end
+end

data/spec/under_os/ui/style/margins_spec.rb

@@ -0,0 +1,106 @@
+describe UnderOs::UI::Style::Margins do
+  before do
+    @view  = UnderOs::UI::View.new
+    @style = @view.style
+  end
+
+  describe '#display' do
+    it "should return :block by default" do
+      @view.style.display.should == :block
+    end
+
+    it "should understand the 'none' value" do
+      @view.style.display = 'none'
+      @view.hidden.should == true
+      @view.style.display.should == :none
+    end
+
+    it "should understand the 'block' value" do
+      @view.style.display = 'block'
+      @view.visible.should == true
+      @view.style.display.should  == :block
+    end
+  end
+
+  describe '#margin' do
+    it "should return an array of zeros by default" do
+      @style.margin.should == [0, 0, 0, 0]
+    end
+
+    it 'should accept simple numbers' do
+      @style.margin = 10
+      @style.margin.should == [10, 10, 10, 10]
+    end
+
+    it "should accept arrays" do
+      @style.margin = [20]
+      @style.margin.should == [20, 20, 20, 20]
+    end
+
+    it "should accept two dim arrays" do
+      @style.margin = [10, 20]
+      @style.margin.should == [10, 20, 10, 20]
+    end
+
+    it "should accept four dims arrays" do
+      @style.margin = [10, 20, 30, 40]
+      @style.margin.should == [10, 20, 30, 40]
+    end
+
+    it "should accept single value strings" do
+      @style.margin = '10px'
+      @style.margin.should == [10, 10, 10, 10]
+    end
+
+    it "should accept two value strings" do
+      @style.margin = '10px 20'
+      @style.margin.should == [10, 20, 10, 20]
+    end
+
+    it "should accept the four values strings" do
+      @style.margin = '10px 20 30px 40'
+      @style.margin.should == [10, 20, 30, 40]
+    end
+  end
+
+  describe '#padding' do
+    it "should return an array of zeros by default" do
+      @style.padding.should == [0, 0, 0, 0]
+    end
+
+    it 'should accept simple numbers' do
+      @style.padding = 10
+      @style.padding.should == [10, 10, 10, 10]
+    end
+
+    it "should accept arrays" do
+      @style.padding = [20]
+      @style.padding.should == [20, 20, 20, 20]
+    end
+
+    it "should accept two dim arrays" do
+      @style.padding = [10, 20]
+      @style.padding.should == [10, 20, 10, 20]
+    end
+
+    it "should accept four dims arrays" do
+      @style.padding = [10, 20, 30, 40]
+      @style.padding.should == [10, 20, 30, 40]
+    end
+
+    it "should accept single value strings" do
+      @style.padding = '10px'
+      @style.padding.should == [10, 10, 10, 10]
+    end
+
+    it "should accept two value strings" do
+      @style.padding = '10px 20'
+      @style.padding.should == [10, 20, 10, 20]
+    end
+
+    it "should accept the four values strings" do
+      @style.padding = '10px 20 30px 40'
+      @style.padding.should == [10, 20, 30, 40]
+    end
+  end
+end

data/spec/under_os/ui/style/outlining_spec.rb

@@ -0,0 +1,101 @@
+describe UnderOs::UI::Style::Outlining do
+  before do
+    @view  = UnderOs::UI::View.new
+    @style = @view.style
+  end
+
+  describe '#borderRadius' do
+    it "should allow to set it" do
+      @style.borderRadius = 10
+      @style.borderRadius.should == 10
+    end
+
+    it "should change the view's layout property" do
+      @style.borderRadius = 20
+      @view._.clipsToBounds.should == true
+      @view._.layer.cornerRadius.should == 20
+    end
+  end
+
+  describe '#color' do
+    describe 'buttons' do
+      before do
+        @button = UnderOs::UI::Button.new
+      end
+
+      it "should allow to set the colors" do
+        @button.style.color = UIColor.redColor
+        @button._.titleColorForState(UIControlStateNormal).should == UIColor.redColor
+      end
+
+      it "should return the curent button color" do
+        @button.style.color = UIColor.yellowColor
+        @button.style.color.should == UIColor.yellowColor
+      end
+    end
+
+    describe 'label' do
+      before do
+        @label = UnderOs::UI::Label.new
+      end
+
+      it "should change the text color" do
+        @label.style.color = UIColor.redColor
+        @label._.textColor.should == UIColor.redColor
+      end
+
+      it "should return the current text color" do
+        @label.style.color = UIColor.yellowColor
+        @label.style.color.should == UIColor.yellowColor
+      end
+    end
+
+    describe 'spinner' do
+      before do
+        @spinner = UnderOs::UI::Spinner.new
+      end
+
+      it "should change the color of the spinner" do
+        @spinner.style.color = UIColor.redColor
+        @spinner._.color.should == UIColor.redColor
+      end
+
+      it "should return the current spinner color" do
+        @spinner.style.color = UIColor.yellowColor
+        @spinner.style.color.should == UIColor.yellowColor
+      end
+    end
+  end
+
+  describe '#boxShadow' do
+    it "recognizes the x, y values" do
+      @view.style.boxShadow = "1px 2px"
+      @view.style.boxShadow.should == "1.0 2.0 3.0 0.0 #ff0000"
+    end
+
+    it "recognizes the x, y, radius values" do
+      @view.style.boxShadow = "-1 -2 4"
+      @view.style.boxShadow.should == "-1.0 -2.0 4.0 0.0 #ff0000"
+    end
+
+    it "recognizes the x, y, radius, opacity values" do
+      @view.style.boxShadow = "4 5 6 7"
+      @view.style.boxShadow.should == "4.0 5.0 6.0 7.0 #ff0000"
+    end
+
+    it "recognizes the x, y, radius, opacity, color values" do
+      @view.style.boxShadow = "4 5 6 7 blue"
+      @view.style.boxShadow.should == "4.0 5.0 6.0 7.0 #ff0000"
+    end
+
+    it "recognizes the x, y, radius, color values" do
+      @view.style.boxShadow = "4 5 6 blue"
+      @view.style.boxShadow.should == "4.0 5.0 6.0 0.0 #ff0000"
+    end
+
+    it "recognizes the x, y, color values" do
+      @view.style.boxShadow = "4 5 green"
+      @view.style.boxShadow.should == "4.0 5.0 3.0 0.0 #ff0000"
+    end
+  end
+end

data/spec/under_os/ui/style/positioning_spec.rb

@@ -0,0 +1,69 @@
+describe UnderOs::UI::Style::Positioning do
+  before do
+    @view  = UnderOs::UI::View.new
+    @style = @view.style
+  end
+
+  describe '#contentWidth' do
+    before do
+      @view = UnderOs::UI::Scroll.new
+    end
+
+    it "should allow to set the content sizes" do
+      @view.style.contentWidth  = 100
+      @view.style.contentHeight = 200
+
+      @view.style.contentWidth.should  == 100
+      @view.style.contentHeight.should == 200
+    end
+  end
+
+  describe '#zIndex' do
+    it "should return 0 by default" do
+      @view.style.zIndex.should == 0
+    end
+
+    it "should allow to change it" do
+      @view.style.zIndex = 100
+      @view.style.zIndex.should == 100
+    end
+  end
+
+  describe 'scroller related styles' do
+    before do
+      @view = UnderOs::UI::Scroll.new
+    end
+
+    describe '#overflow' do
+      it "accepts 'hidden'" do
+        @view.style.overflow = :hidden
+        @view.style.overflowX.should == :hidden
+        @view.style.overflowY.should == :hidden
+      end
+
+      it "accepts 'scroll'" do
+        @view.style.overflow = :scroll
+        @view.style.overflowX.should == :scroll
+        @view.style.overflowY.should == :scroll
+      end
+
+      it "accepts 'x'" do
+        @view.style.overflow = 'x'
+        @view.style.overflowX.should == :scroll
+        @view.style.overflowY.should == :hidden
+      end
+
+      it "accepts 'y'" do
+        @view.style.overflow = 'y'
+        @view.style.overflowX.should == :hidden
+        @view.style.overflowY.should == :scroll
+      end
+
+      it "falls back to 'visible'" do
+        @view.style.overflow = 'weird stuff'
+        @view.style.overflowX.should == :scroll
+        @view.style.overflowY.should == :scroll
+      end
+    end
+  end
+end

data/spec/under_os/ui/style_spec.rb

@@ -0,0 +1,19 @@
+describe UnderOs::UI::Style do
+  before do
+    @view  = UnderOs::UI::View.new
+    @style = @view.style
+  end
+
+  it "should be an instance of UnderOs::UI::Style" do
+    @style.class.should == UnderOs::UI::Style
+  end
+
+  it "should incapsulate the Element's raw uiview object" do
+    @style.view.should === @view._
+  end
+
+  it "should always return the same object" do
+    @view.style.should === @style
+  end
+
+end

data/spec/under_os/ui/switch_spec.rb

@@ -0,0 +1,60 @@
+describe UnderOs::UI::Switch do
+  before do
+    @switch = UnderOs::UI::Switch.new
+  end
+
+  it "inherits fromthe UnderOs::UI::Input" do
+    (UnderOs::UI::Switch < UnderOs::UI::Input).should == true
+  end
+
+  describe '#initialize' do
+    it "should spawn new switchs" do
+      @switch.class.should == UnderOs::UI::Switch
+    end
+
+    it "should wrap the UISwitch class" do
+      @switch._.class.should == UISwitch
+    end
+
+    it "should assign correct tag name" do
+      @switch.tagName.should == 'SWITCH'
+    end
+
+    it "should accept the 'value' option" do
+      switch = UnderOs::UI::Switch.new(value: 'smth')
+      switch.value.should == 'smth'
+    end
+
+    it "should accept the 'checked' option" do
+      switch = UnderOs::UI::Switch.new(checked: true)
+      switch.checked.should == true
+    end
+  end
+
+  describe '#value' do
+    it "should save the value correctly" do
+      @switch.value = 'something'
+      @switch.value.should == 'something'
+    end
+  end
+
+  describe '#checked' do
+    it "should allow to flip the switch on" do
+      @switch.checked = true
+      @switch._.on?.should == true
+    end
+
+    it "should allow to flip the switch off" do
+      @switch.checked = false
+      @switch._.on?.should == false
+    end
+
+    it "should return the state back correctly" do
+      @switch.checked = true
+      @switch.checked.should == true
+
+      @switch.checked = false
+      @switch.checked.should == false
+    end
+  end
+end