under-os-ui 1.4.0

data/spec/under_os/page/layout_spec.rb

@@ -0,0 +1,18 @@
+describe UnderOs::Page::Layout do
+  before do
+    @page   = TestPage.new
+    @layout = UnderOs::Page::Layout.new(@page)
+  end
+
+  it "should pickup the elements from the layout.html file" do
+    @page.view.should.not == nil
+    children = @page.view.children
+    children.size.should == 1
+    children[0].class.should == UnderOs::UI::Button
+    children[0].text.should  == 'Say Hello'
+  end
+
+  it "should pickup the page title from the test layout" do
+    @page.title.should == 'Hello World'
+  end
+end

data/spec/under_os/page/matcher_spec.rb

@@ -0,0 +1,260 @@
+describe UnderOs::Page::StylesMatcher do
+  before do
+    @view    = UnderOs::UI::View.new
+    @view1   = UnderOs::UI::View.new
+    @view2   = UnderOs::UI::View.new
+    @matcher = UnderOs::Page::StylesMatcher.new('smth')
+  end
+
+  describe '.new' do
+    it "should cache instances" do
+      @i1 = UnderOs::Page::StylesMatcher.new('.one')
+      @i2 = UnderOs::Page::StylesMatcher.new('.one')
+      @i3 = UnderOs::Page::StylesMatcher.new('.two')
+
+      @i1.should.be.same_as @i2
+      @i1.should.not == @i3
+    end
+  end
+
+  describe '#match' do
+    it "should return 'true' for views with score > 0" do
+      def @matcher.score_for(view); 1 end
+      @matcher.match(@view).should == true
+    end
+
+    it "should return 'false' for views with score == 0" do
+      def @matcher.score_for(view); 0 end
+      @matcher.match(@view).should == false
+    end
+  end
+
+  describe '#score_for' do
+    def score_for(view, css_rule)
+      UnderOs::Page::StylesMatcher.new(css_rule).score_for(view)
+    end
+
+    describe 'tags matching' do
+      it "should add score for tag match" do
+        score_for(@view, 'view').should == 1
+      end
+
+      it "should not add score for not matching tags" do
+        score_for(@view, 'button').should == 0
+      end
+
+      it "should not add score if the id is wrong" do
+        score_for(@view, 'view#some-id').should == 0
+      end
+
+      it "should not add score if the css-rule is wrong" do
+        score_for(@view, 'view.some-class').should == 0
+      end
+
+      it "should handle the * as the tag name" do
+        score_for(@view, '*').should == 1
+      end
+    end
+
+    describe 'IDs matching' do
+      it "should add score for IDs matches" do
+        @view.id = 'my-id'
+        score_for(@view, '#my-id').should == 1
+      end
+
+      it "should not add score for mismatching IDs" do
+        @view.id = 'my-id'
+        score_for(@view, '#another-id').should == 0
+      end
+
+      it "should not crash if ID is missing" do
+        score_for(@view, 'button').should == 0
+      end
+
+      it "should not add points if the tag is different" do
+        @view.id = 'my-id'
+        score_for(@view, 'button#my-id').should == 0
+      end
+    end
+
+    describe 'className matching' do
+      it "should add score for matching class names" do
+        @view.className = 'my-class'
+        score_for(@view, '.my-class').should == 1
+      end
+
+      it "should not add score for mismatching class names" do
+        @view.className = 'my-class'
+        score_for(@view, '.another-class').should == 0
+      end
+
+      it "should add point for every matching class name" do
+        @view.className = 'class1 class2'
+        score_for(@view, '.class1.class2').should == 2
+        score_for(@view, '.class2.class1').should == 2
+      end
+
+      it "should not add points one of multiple classes don't match" do
+        @view.className = 'class1 class2'
+        score_for(@view, '.class1.class3').should == 0
+        score_for(@view, '.class3.class2').should == 0
+      end
+
+      it "should not add points if the tag is different" do
+        @view.className = 'my-class'
+        score_for(@view, 'button.my-class').should == 0
+      end
+
+      it "should not add points if the ID is different" do
+        @view.className = 'my-class'
+        score_for(@view, '#another-id.my-class').should == 0
+      end
+    end
+
+    describe "attribute matchers" do
+      before do
+        @view.id = "my-view"
+      end
+
+      def score_for(view, css_rule)
+        UnderOs::Page::StylesMatcher.new(css_rule).score_for(view)
+      end
+
+      describe "with the '=' operator" do
+        it "scores when the value matches exactly" do
+          score_for(@view, '[id="my-view"]').should == 1
+        end
+
+        it "doesn't count when the value does not match" do
+          score_for(@view, "[id='my']").should == 0
+        end
+      end
+
+      describe "with the '*=' operator" do
+        it "scores when the attribute includes the value" do
+          score_for(@view, '[id*=vie]').should == 1
+        end
+
+        it "doesn't count when the value doesn't match attribute" do
+          score_for(@view, '[id*=mismatch]').should == 0
+        end
+      end
+
+      describe "with the ^= operator" do
+        it "scores when the attribute starts with the value" do
+          score_for(@view, '[id^=my]').should == 1
+        end
+
+        it "doesn't count when the attribute doesn't start with the value" do
+          score_for(@view, '[id^=view]').should == 0
+        end
+      end
+
+      describe "with the $= operator" do
+        it "scores when the attribute ends with the value" do
+          score_for(@view, '[id$=view]').should == 1
+        end
+
+        it "doesn't count when the attribute doesn't ends with the value" do
+          score_for(@view, '[id$=my]').should == 0
+        end
+      end
+
+      describe "with the ~= operator" do
+        before { @view.id = "one two three" }
+
+        it "scores when the value is a token from the attribute" do
+          score_for(@view, '[id~=one]').should == 1
+          score_for(@view, '[id~=two]').should == 1
+          score_for(@view, '[id~=three]').should == 1
+        end
+
+        it "doesn't trigger on completely different strings" do
+          score_for(@view, '[id~=four]').should == 0
+        end
+
+        it "doesn't trigger on partial substrings" do
+          score_for(@view, '[id~=tw]').should == 0
+        end
+      end
+
+      describe "with the |= operator" do
+        it "scores when value is a dashed token of the attribute" do
+          score_for(@view, '[id|=my]').should == 1
+          score_for(@view, '[id|=view]').should == 1
+        end
+
+        it "doesn't trigger on completely different values" do
+          score_for(@view, '[id|=mismatch]').should == 0
+        end
+
+        it "doesn't trigger on partial matches" do
+          score_for(@view, '[id|=vie]').should == 0
+        end
+      end
+    end
+
+    describe 'multiple nested matches' do
+      it "should count in all the matches" do
+        @view.id = 'my-id'
+        @view.className = 'class1 class2'
+        score_for(@view, 'view#my-id.class1.class2').should == 4
+      end
+    end
+
+    describe 'in multi-leveled structures' do
+      before do
+        @v1 = UnderOs::UI::View.new(class: 'v1')
+        @v2 = UnderOs::UI::View.new(class: 'v2')
+        @v3 = UnderOs::UI::View.new(class: 'v3')
+        @v4 = UnderOs::UI::View.new(class: 'v4')
+
+        @v1.append(@v2.append(@v3.append(@v4.append(@view))))
+
+        @view.id = 'my-view'
+      end
+
+      it "should still match singular rules" do
+        score_for(@view, '#my-view').should == 1
+      end
+
+      it "should add points for matching parent" do
+        score_for(@view, '.v4 #my-view').should     == 2
+        score_for(@view, 'view.v4 #my-view').should == 3
+      end
+
+      it "should add multiple points for multiple matching parents" do
+        score_for(@view, '.v1 .v2 .v3 .v4 #my-view').should == 5
+      end
+
+      it "should match parents at any level" do
+        score_for(@view, '.v3 #my-view').should == 2
+        score_for(@view, '.v2 #my-view').should == 2
+        score_for(@view, '.v1 .v3 #my-view').should == 3
+      end
+
+      it "should return 0 if no matching parent found" do
+        score_for(@view, '.non-existing #my-view').should == 0
+      end
+    end
+
+    describe "multiple different matchers" do
+      before do
+        @view.id        = 'my-view'
+        @view.className = 'classy'
+      end
+
+      it "gets score out of multiple matchers if one of them is matching" do
+        score_for(@view, "view, input, form").should == 1
+      end
+
+      it "return 0 if none of the matchers are matching" do
+        score_for(@view, "input,select").should == 0
+      end
+
+      it "gets the max score if there are multiple matches" do
+        score_for(@view, "view,.classy,view#my-view").should == 2
+      end
+    end
+  end
+end

data/spec/under_os/page/stylesheet_spec.rb

@@ -0,0 +1,83 @@
+describe UnderOs::Page::Stylesheet do
+  before do
+    @stylesheet = UnderOs::Page::Stylesheet.new
+  end
+
+  describe '#initialize' do
+    it "should make an empty stylesheet" do
+      @stylesheet.rules.should == {}
+    end
+
+    it "should allow initialize with some rules" do
+      stylesheet = UnderOs::Page::Stylesheet.new(button: {color: 'orange'})
+      stylesheet.rules.should == {'button' => {color: 'orange'}}
+    end
+  end
+
+  describe '#[]' do
+    it "should allow to set new style rules" do
+      @stylesheet['button'] = {color: :red}
+      @stylesheet['button'].should == {color: :red}
+    end
+
+    it "should allow to extend the rules" do
+      @stylesheet['button'] = {color: 'red'}
+      @stylesheet['button'] = {right:  50  }
+      @stylesheet['button'].should == {color: 'red', right: 50}
+    end
+
+    it "should overwrite existing rules when match" do
+      @stylesheet['button'] = {color: 'red', left: 20}
+      @stylesheet['button'] = {color: 'blue'}
+      @stylesheet['button'].should == {color: 'blue', left: 20}
+    end
+  end
+
+  describe '#<<' do
+    it "should merge another stylesheet into the current one" do
+      other_sytles = UnderOs::Page::Stylesheet.new(button: { color: 'blue' })
+      @stylesheet['button'] = {left: 30}
+      @stylesheet << other_sytles
+      @stylesheet['button'].should == {color: 'blue', left: 30}
+    end
+  end
+
+  describe '#+' do
+    it "should create a new stylesheet combined out of the two" do
+      sheet1 = UnderOs::Page::Stylesheet.new(button: { color: 'blue' })
+      sheet2 = UnderOs::Page::Stylesheet.new(button: { left: 20 })
+
+      sheet3 = sheet1 + sheet2
+
+      sheet1['button'].should == {color: 'blue'}
+      sheet2['button'].should == {left: 20}
+      sheet3['button'].should == {color: 'blue', left: 20}
+    end
+  end
+
+  describe '#load' do
+    it "should load rules from the given test stylesheet file" do
+      @stylesheet.load('test.css')
+      @stylesheet.rules.should == {
+        "page"=>{:backgroundColor=>"yellow"},
+        ".test"=>{:backgroundColor=>"green"}
+      }
+    end
+  end
+
+  describe '#styles_for' do
+    before do
+      @view = UnderOs::UI::View.new(class: 'test')
+      @stylesheet.load('app.css')
+      @stylesheet.load('test.css')
+    end
+
+    it "should calculate the styles correctly" do
+      @stylesheet.styles_for(@view).should == {
+        color:           'yellow',
+        backgroundColor: 'green',
+        borderRadius:    10
+      }
+    end
+  end
+end

data/spec/under_os/page_spec.rb

@@ -0,0 +1,5 @@
+describe UnderOs::Page do
+  before do
+    @page = TestPage.new
+  end
+end

data/spec/under_os/parser/css_spec.rb

@@ -0,0 +1,77 @@
+describe UnderOs::Parser::CSS do
+  before do
+    @parser  = UnderOs::Parser::CSS.new
+  end
+
+  it "should parse simple tags" do
+    @parser.parse(%Q[
+      page {
+        background-color: darkgray;
+      }
+    ]).should == {'page' => {backgroundColor: "darkgray"}}
+  end
+
+  it "should unquote quoted values" do
+    @parser.parse(%Q{
+      page {
+        background-image: "image.png";
+      }
+    }).should == {'page' => {backgroundImage: "image.png"}}
+  end
+
+  it "should parse heaps of styles" do
+    @parser.parse(%Q{
+      button {
+        width:         79px;
+        height:        79px;
+        color:         black;
+        background:    white;
+        border-radius: 0px;
+      }
+    }).should == {'button' => {
+      width: 79.0, height: 79.0, color: "black", backgroundColor: "white", borderRadius: 0.0
+    }}
+  end
+
+  it "should parse classes" do
+    @parser.parse(%Q[
+      .row1 { bottom: 0px;   }
+      .row2 { bottom: 80px;  }
+
+      .col1.col2 { left: 0;  }
+    ]).should == {
+      '.row1' => {bottom: 0.0},
+      '.row2' => {bottom: 80.0},
+      '.col1.col2' => {left: 0.0}
+    }
+  end
+
+  it "should parse tags and styles" do
+    @parser.parse(%Q[
+      button.double { width: 159; }
+      button.ops    { background: yellow }
+    ]).should == {
+      'button.double' => {width: 159.0},
+      'button.ops'    => {backgroundColor: "yellow"}
+    }
+  end
+
+  it "should parse complex rules" do
+    @parser.parse(%Q{
+      icon#delete .col1.col2 { color: red }
+    }).should == {
+      'icon#delete .col1.col2' => {color: "red"}
+    }
+  end
+
+  it "should parse several rules" do
+    @parser.parse(%Q{
+      input, textarea {
+        width: 100;
+      }
+    }).should == {
+      'input'    => {width: 100.0},
+      'textarea' => {width: 100.0}
+    }
+  end
+end

data/spec/under_os/parser/html_spec.rb

@@ -0,0 +1,152 @@
+describe UnderOs::Parser::HTML do
+
+  def parse(src)
+    @parser ||= UnderOs::Parser::HTML.new
+    @parser.parse(src)
+  end
+
+  it "should parse simple tags" do
+    parse(%Q{
+      <page>
+        asdf
+      </page>
+    }).should == [{
+      tag:   'page',
+      text:  'asdf',
+      attrs: {}
+    }]
+  end
+
+  it "should parse tag attributes" do
+    parse(%Q{
+      <page title="My Page" id='my-page'>
+      </page>
+    }).should == [{
+      tag:  'page',
+      attrs: {
+        title: "My Page",
+        id:    "my-page"
+      }
+    }]
+  end
+
+  it "should parse tad data-attributes" do
+    parse(%Q{
+      <view data-one="1" data-two="2" data-three="true" data-four-and-half="four/2"></view>
+    }).should == [{
+      tag: 'view',
+      attrs: {
+        data: {
+          one: '1',
+          two: '2',
+          three: true,
+          fourAndHalf: 'four/2'
+        }
+      }
+    }]
+  end
+
+  it "should process nested views" do
+    parse(%Q{
+      <page>
+        <view id="my-view">
+          <view class="my-view">
+          </view>
+        </view>
+      </page>
+    }).should == [{
+      tag: "page", attrs: {}, children: [
+        {tag: "view", attrs: {id: "my-view"}, children: [
+          {tag: "view", attrs: {class: "my-view"}}
+        ]}
+      ]
+    }]
+  end
+
+  it "should handle terminal nodes correctly" do
+    parse(%Q{
+      <page>
+        <img src="my-image.jpg" />
+        <button>Boo Hoo</button>
+      </page>
+    }).should == [{
+      tag: "page", attrs: {}, children: [
+        {tag: "img", attrs: {src: "my-image.jpg"}},
+        {tag: "button", attrs: {}, text: "Boo Hoo"}
+      ]
+    }]
+  end
+
+  it "should handle same tags correctly" do
+    parse(%Q{
+      <view id="level1">
+        <view id='level2'>
+          <button>A</button>
+          <button>B</button>
+
+          <view id="level3">
+            <img src="test.png" />
+          </view>
+
+          <view id="level4">
+            <icon type="ok">
+            <label>A</label>
+            <label>B</label>
+          </view>
+        </view>
+      </view>
+    }).should == [{
+      tag: "view", attrs: {id: "level1"}, children: [
+        {tag: "view", attrs: {id: "level2"}, children: [
+          {tag: "button", attrs: {}, text: "A"},
+          {tag: "button", attrs: {}, text: "B"},
+
+          {tag: "view", attrs: {id: "level3"}, children: [
+            {tag: "img", attrs: {src: "test.png"}}
+          ]},
+
+          {tag: "view", attrs: {id: "level4"}, children: [
+            {tag: "icon", attrs: {type: "ok"}},
+            {tag: "label", attrs: {}, text: "A"},
+            {tag: "label", attrs: {}, text: "B"}
+          ]}
+        ]}
+      ]}
+    ]
+  end
+
+  it "should handle multiple single tags correctly" do
+    parse(%Q{
+      <view>
+        <img>
+        <icon>
+        <slide>
+      </view>
+      <switch>
+      <progress>
+    }).should == [
+      {tag: "view", attrs: {}, children: [
+        {tag: "img", attrs: {}},
+        {tag: "icon", attrs: {}},
+        {tag: "slide", attrs: {}}
+      ]},
+      {tag: "switch", attrs: {}},
+      {tag: "progress", attrs: {}}
+    ]
+  end
+
+  it "should skipp all the comments" do
+    parse(%Q{
+      <view>
+        <!-- <img> -->
+        <icon>
+        <!-- <slide> -->
+      </view>
+    }).should == [
+      {tag: "view", attrs: {}, children: [
+        {tag: "icon", attrs: {}}
+      ]}
+    ]
+  end
+
+end