archetype 0.0.1.pre.12 → 0.0.1.pre.13

data/test/fixtures/stylesheets/archetype/tmp/ui/hide_element.css

@@ -0,0 +1,8 @@
+.hide-element {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  *clip: rect(1px 1px 1px 1px);
+  clip: rect(1px, 1px, 1px, 1px);
+}

data/test/fixtures/stylesheets/archetype/tmp/ui/stroke.css

@@ -0,0 +1,17 @@
+.stroke {
+  -webkit-box-shadow: 0 1px 0 black, 0 -1px 0 black, 1px 0 0 black, -1px 0 0 black;
+  -moz-box-shadow: 0 1px 0 black, 0 -1px 0 black, 1px 0 0 black, -1px 0 0 black;
+  box-shadow: 0 1px 0 black, 0 -1px 0 black, 1px 0 0 black, -1px 0 0 black;
+}
+
+.stroke-fat {
+  -webkit-box-shadow: 0 10px 0 black, 0 -10px 0 black, 10px 0 0 black, -10px 0 0 black;
+  -moz-box-shadow: 0 10px 0 black, 0 -10px 0 black, 10px 0 0 black, -10px 0 0 black;
+  box-shadow: 0 10px 0 black, 0 -10px 0 black, 10px 0 0 black, -10px 0 0 black;
+}
+
+.stroke-colorful {
+  -webkit-box-shadow: 0 10px 0 red, 0 -10px 0 red, 10px 0 0 red, -10px 0 0 red;
+  -moz-box-shadow: 0 10px 0 red, 0 -10px 0 red, 10px 0 0 red, -10px 0 0 red;
+  box-shadow: 0 10px 0 red, 0 -10px 0 red, 10px 0 0 red, -10px 0 0 red;
+}

data/test/fixtures/stylesheets/archetype/tmp/ui/triangle.css

@@ -0,0 +1,35 @@
+.a {
+  height: 0;
+  width: 0;
+  _font-size: 0;
+  _line-height: 0;
+  border-style: dashed;
+  border-color: transparent;
+  border-width: 1em 0.5em 0;
+  border-top-color: #aaaaaa;
+  border-top-style: solid;
+}
+
+.b {
+  height: 0;
+  width: 0;
+  _font-size: 0;
+  _line-height: 0;
+  border-style: dashed;
+  border-color: transparent;
+  border-width: 0 5px 5px;
+  border-bottom-color: black;
+  border-bottom-style: solid;
+}
+
+.c {
+  height: 0;
+  width: 0;
+  _font-size: 0;
+  _line-height: 0;
+  border-style: dashed;
+  border-color: transparent;
+  border-width: 0 10px 5px 0;
+  border-bottom-color: black;
+  border-bottom-style: solid;
+}

data/test/fixtures/stylesheets/archetype/tmp/utilities/associative.css

@@ -0,0 +1,9 @@
+.test {
+  a: "1";
+  b: "2";
+  c: "5";
+  d: "6";
+  e: "5";
+  f: "6";
+  g: "1";
+}

data/test/fixtures/stylesheets/archetype/tmp/utilities/custom_output_styler.css

@@ -0,0 +1,8 @@
+.test {
+  font-size: 13px;
+  line-height: 17px;
+  /* post override */
+  color: #222222;
+  /* pre override */
+  font-weight: normal;
+}

data/test/fixtures/stylesheets/archetype/tmp/utilities/if-set.css

@@ -0,0 +1,9 @@
+a {
+  margin: 5px;
+  border: 1px solid #cccccc;
+}
+
+b {
+  margin: 5px;
+  border: 1px solid #cccccc;
+}

data/test/fixtures/stylesheets/archetype/tmp/utilities/spacing/horizontal-spacing.css

@@ -0,0 +1,29 @@
+a {
+  padding-left: 20px;
+  padding-right: 20px;
+  margin-left: 20px;
+  margin-right: 20px;
+}
+
+b {
+  padding-right: 20px;
+  margin-right: 20px;
+}
+
+c {
+  padding-left: 20px;
+  margin-left: 20px;
+}
+
+d {
+  padding-right: 15px;
+  padding-right: 13px;
+  margin-right: 13px;
+}
+
+e {
+  padding-left: 0px;
+  padding-right: 0px;
+  margin-left: 0px;
+  margin-right: 0px;
+}

data/test/fixtures/stylesheets/archetype/tmp/utilities/spacing/vertical-spacing.css

@@ -0,0 +1,29 @@
+a {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+b {
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+}
+
+c {
+  padding-top: 10px;
+  margin-top: 10px;
+}
+
+d {
+  padding-bottom: 15px;
+  padding-bottom: 13px;
+  margin-bottom: 13px;
+}
+
+e {
+  padding-top: 0px;
+  padding-bottom: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}

data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/filter.css

@@ -0,0 +1,11 @@
+a {
+  -webkit-filter: Shadow(Strength=2, Direction=135, Color="#CCCCCC");
+  -moz-filter: Shadow(Strength=2, Direction=135, Color="#CCCCCC");
+  filter: Shadow(Strength=2, Direction=135, Color="#CCCCCC");
+}
+
+b {
+  -webkit-filter: gradient(enabled=false);
+  -moz-filter: gradient(enabled=false);
+  filter: gradient(enabled=false);
+}

data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/font-family.css

@@ -0,0 +1,16 @@
+a {
+  font-family: Georgia, serif;
+}
+
+b {
+  font-family: sans-serif;
+}
+.os-win b {
+  font-family: Arial, sans-serif;
+}
+.os-mac b {
+  font-family: Helvetica, Arial, sans-serif;
+}
+.os-linux b {
+  font-family: Helvetica, FreeSans, "Liberation Sans", Helmet, Arial, sans-serif;
+}

data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/z-index.css

@@ -0,0 +1,15 @@
+a {
+  z-index: -1;
+}
+
+b {
+  z-index: 1;
+}
+
+c {
+  z-index: 101;
+}
+
+d {
+  z-index: 10021;
+}

data/test/fixtures/stylesheets/archetype/tmp/utilities/targeting/target-browser.css

@@ -0,0 +1,105 @@
+.target-ie-6 {
+  _vertical-align: -5px;
+  _background-position: 6px -2170px;
+  _overflow: hidden;
+}
+
+.target-ie-lte-7 {
+  *margin-top: 1px;
+  *padding: 0;
+  *width: 195px;
+  *font-size: 0.01em;
+  *height: 18px;
+}
+
+.ie.ie6 .target-ie-6-7, .ie.ie7 .target-ie-6-7 {
+  display: inline;
+}
+.ie.ie6 .target-ie-6-7, .ie.ie7 .target-ie-6-7 {
+  zoom: 1;
+}
+.ie.ie6 .target-ie-6-7, .ie.ie7 .target-ie-6-7 {
+  margin-left: 0;
+}
+
+.ie.ie7 .target-ie-7 {
+  vertical-align: -5px;
+}
+.ie.ie7 .target-ie-7 {
+  background-position: 6px -2170px;
+}
+.ie.ie7 .target-ie-7 {
+  overflow: hidden;
+}
+
+.ie.ie7 .target-ie-7-8, .ie.ie8 .target-ie-7-8 {
+  min-height: 250px !important;
+  height: auto !important;
+  height: 250px !important;
+}
+
+.ie.lte8 .target-ie-lte-8 {
+  filter: BasicImage(rotation=3);
+}
+.ie.lte8 .target-ie-lte-8 {
+  padding-bottom: 8px;
+}
+.ie.lte8 .target-ie-lte-8 {
+  line-height: 1.6;
+}
+
+.ie.ie8 .target-ie-8 {
+  margin-top: 2px;
+}
+.ie.ie8 .target-ie-8 {
+  min-height: 170px;
+  height: auto !important;
+  height: 170px;
+}
+
+.ie.lte9 .target-ie-lte-9 {
+  border-color: #111111;
+}
+.ie.lte9 .target-ie-lte-9 {
+  background: #2c2c2b;
+}
+
+.ie.ie7 .target-ie-7-8-9, .ie.ie8 .target-ie-7-8-9, .ie.ie9 .target-ie-7-8-9 {
+  width: 250px;
+}
+
+.ie.ie9 .target-ie-9 {
+  right: -83px;
+}
+.ie.ie9 .target-ie-9 {
+  top: 17px;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  .target-webkit {
+    line-height: 16px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  .target-webkit {
+    padding-top: 10px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  .target-webkit {
+    width: 151px;
+  }
+}
+
+.target-firefox, .target-firefox x:-moz-any-link {
+  margin-top: 16px;
+}
+
+.target-opera, .target-opera x:-o-prefocus {
+  width: 82%;
+}
+
+.ie.lte8 .target-with-content-block {
+  /* testing content block */
+  color: red;
+}

data/test/fixtures/stylesheets/archetype/tmp/utilities/targeting/target-os.css

@@ -0,0 +1,55 @@
+.os-linux .target-linux {
+  top: -3px;
+}
+.os-linux .target-linux {
+  width: 300px;
+}
+
+.os-mac .target-apple {
+  top: -3px;
+}
+.os-mac .target-apple {
+  width: 300px;
+}
+
+.os-mac .target-mac {
+  top: -3px;
+}
+.os-mac .target-mac {
+  width: 300px;
+}
+
+.os-mac .target-osx {
+  top: -3px;
+}
+.os-mac .target-osx {
+  width: 300px;
+}
+
+.os-win .target-windows {
+  top: -3px;
+}
+.os-win .target-windows {
+  width: 300px;
+}
+
+.os-win .target-win {
+  top: -3px;
+}
+.os-win .target-win {
+  width: 300px;
+}
+
+.os-win .target-winxp {
+  top: -3px;
+}
+.os-win .target-winxp {
+  width: 300px;
+}
+
+.os-win .target-win7 {
+  top: -3px;
+}
+.os-win .target-win7 {
+  width: 300px;
+}

data/test/helpers/test_case.rb

@@ -24,7 +24,7 @@ module Compass
         assert false, diff_as_string(before.inspect, after.inspect)
       end
     end
-    
+
     module ClassMethods
 
       def let(method, &block)
@@ -51,7 +51,7 @@ module Compass
         end
       end
 
-      private 
+      private
 
       def underscore(string)
         string.gsub(' ', '_')

data/test/integrations/archetype_test.rb

@@ -1,9 +1,11 @@
 # this is all take from Compass because they already did the awesome testing framework
 require 'test_helper'
-require 'fileutils'
 require 'compass'
 require 'compass/logger'
 require 'sass/plugin'
+unless ENV['CI']
+  require 'fileutils'
+end
 
 class ArchetypeTest < Test::Unit::TestCase
 

data/test/units/sass_extensions_test.rb

@@ -4,6 +4,7 @@ require 'archetype'
 class SassExtensionsTest < Test::Unit::TestCase
   setup do
     Compass.reset_configuration!
+    Compass.configuration.testing = true
   end
 
   ## VERSION
@@ -16,20 +17,20 @@ class SassExtensionsTest < Test::Unit::TestCase
     assert_equal "true", evaluate("archetype-version('Compass >= 0.12')")
     assert_equal "false", evaluate("archetype-version('Sass >= 99.0.0')")
     assert_equal "true", evaluate("archetype-version('Sass gt 3.0')")
-    assert_equal "false", evaluate("archetype-version(Archetype ne 99)")
+    assert_equal "true", evaluate("archetype-version(Archetype ne 99)")
   end
 
 
   ## ENVIRONMENT
   # test that archetype-env() is working correctly
   def test_env
-    Compass.reset_configuration!
+    reset
     assert_equal "development", evaluate("archetype-env()")
     Compass.configuration.environment = :production
     assert_equal "production", evaluate("archetype-env()")
     Compass.configuration.environment = :staging
     assert_equal "staging", evaluate("archetype-env()")
-    Compass.reset_configuration!
+    reset
   end
 
 
@@ -49,19 +50,6 @@ class SassExtensionsTest < Test::Unit::TestCase
     # TODO
   end
 
-  # list-sort
-  #def test_list_sort
-  #  assert_equal "1 2 3 4", evaluate("list-sort(2 4 3 1)")
-  #  assert_equal "4 3 2 1", evaluate("list-sort(2 4 3 1, true)")
-  #  assert_equal "a b c d", evaluate("list-sort(d a b c)")
-  #end
-
-  # list-reverse
-  #def test_list_reverse
-  #  assert_equal "4 3 2 1", evaluate("list-reverse(1 2 3 4)")
-  #  assert_equal "d c b a", evaluate("list-reverse(a b c d)")
-  #end
-
   # list-add
   def test_list_add
     assert_equal "2 3 4", evaluate("list-add(1 2 3, 1)")
@@ -127,16 +115,16 @@ class SassExtensionsTest < Test::Unit::TestCase
   ## LOCALE
   # locale
   def test_locale
-    Compass.reset_configuration!
+    reset
     assert_equal "en_US", evaluate("locale()")
     Compass.configuration.locale = "ja_JP"
     assert_equal "ja_JP", evaluate("locale()")
-    Compass.reset_configuration!
+    reset
   end
 
   # lang
   def test_lang
-    Compass.reset_configuration!
+    reset
     assert_equal "true", evaluate("lang(en_US)")
     assert_equal "true", evaluate("lang(fr_FR en_US)")
     assert_equal "false", evaluate("lang(fr_FR)")
@@ -145,7 +133,7 @@ class SassExtensionsTest < Test::Unit::TestCase
     assert_equal "true", evaluate("lang(ja_JP)")
     assert_equal "true", evaluate("lang(CJK)")
     assert_equal "true", evaluate("lang(CJK en_US)")
-    Compass.reset_configuration!
+    reset
   end
 
 
@@ -183,11 +171,11 @@ class SassExtensionsTest < Test::Unit::TestCase
   ## UI
   # test generating unique tokens
   def test_unique
-    assert_equal ".archetype-uid-1", evaluate("unique(class)")
-    assert_equal ".archetype-uid-2", evaluate("unique(class)")
-    assert_equal "\#archetype-uid-3", evaluate("unique(id)")
-    assert_equal "my-prefix-archetype-uid-4", evaluate("unique(my-prefix-)")
-    assert_equal ".testing-archetype-uid-5", evaluate("unique('.testing-')")
+    assert_equal ".archetype-uid-RANDOM_UID", evaluate("unique(class)")
+    assert_equal ".archetype-uid-RANDOM_UID", evaluate("unique(class)")
+    assert_equal "\#archetype-uid-RANDOM_UID", evaluate("unique(id)")
+    assert_equal "my-prefix-archetype-uid-RANDOM_UID", evaluate("unique(my-prefix-)")
+    assert_equal ".testing-archetype-uid-RANDOM_UID", evaluate("unique('.testing-')")
   end
 
   # test pseudo content escaping and formatting for innerHTML
@@ -204,4 +192,9 @@ protected
   def evaluate(value)
     Sass::Script::Parser.parse(value, 0, 0).perform(Sass::Environment.new).to_s
   end
+
+  def reset
+    Compass.reset_configuration!
+    Compass.configuration.testing = true
+  end
 end