diff options
Diffstat (limited to '97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests')
24 files changed, 905 insertions, 0 deletions
diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/README.txt b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/README.txt new file mode 100644 index 0000000..2efa8cd --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/README.txt @@ -0,0 +1,16 @@ +UNIT TESTS FOR ZEN GRIDS +------------------------ + +To run the unit tests for Zen Grids: + +1. Create a "tests" Compass project using the unit-tests pattern: + + compass create tests -r zen-grids --using=zen-grids/unit-tests + +2. From inside the "tests" project, compare the compiled stylesheets to the + previous unit test results in the test-results directory: + + diff -r test-results/ stylesheets/ + + If the unit tests were successful, the above command should report no + differences. diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/manifest.rb b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/manifest.rb new file mode 100644 index 0000000..43ce288 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/manifest.rb @@ -0,0 +1,37 @@ +description "Unit tests for the Zen Grids system." + +stylesheet 'sass/function-zen-direction-flip.scss', :media => 'all', :to => 'function-zen-direction-flip.scss' +stylesheet 'sass/function-zen-grid-item-width.scss', :media => 'all', :to => 'function-zen-grid-item-width.scss' +stylesheet 'sass/function-zen-half-gutter.scss', :media => 'all', :to => 'function-zen-half-gutter.scss' +stylesheet 'sass/function-zen-unit-width.scss', :media => 'all', :to => 'function-zen-unit-width.scss' +stylesheet 'sass/zen-clear.scss', :media => 'all', :to => 'zen-clear.scss' +stylesheet 'sass/zen-float.scss', :media => 'all', :to => 'zen-float.scss' +stylesheet 'sass/zen-grid-container.scss', :media => 'all', :to => 'zen-grid-container.scss' +stylesheet 'sass/zen-grid-flow-item.scss', :media => 'all', :to => 'zen-grid-flow-item.scss' +stylesheet 'sass/zen-grid-item-base.scss', :media => 'all', :to => 'zen-grid-item-base.scss' +stylesheet 'sass/zen-grid-item.scss', :media => 'all', :to => 'zen-grid-item.scss' +stylesheet 'sass/zen-nested-container.scss', :media => 'all', :to => 'zen-nested-container.scss' + +file 'test-results/function-zen-direction-flip.css' +file 'test-results/function-zen-grid-item-width.css' +file 'test-results/function-zen-half-gutter.css' +file 'test-results/function-zen-unit-width.css' +file 'test-results/zen-clear.css' +file 'test-results/zen-float.css' +file 'test-results/zen-grid-container.css' +file 'test-results/zen-grid-flow-item.css' +file 'test-results/zen-grid-item-base.css' +file 'test-results/zen-grid-item.css' +file 'test-results/zen-nested-container.css' + +file 'README.txt' + +help %Q{ +To run the unit tests, simply run "compass compile" and compare the generated +CSS to those in the results directory. + diff -r results css +} + +welcome_message %Q{ +You rock! The unit tests for the Zen Grids system are now installed. +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-direction-flip.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-direction-flip.scss new file mode 100644 index 0000000..26d9cbb --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-direction-flip.scss @@ -0,0 +1,23 @@ +/** + * @file + * Test zen-direction-flip() + */ + +@import "zen"; + +#test-zen-direction-flip { + /* Test zen-direction-flip(left) */ + float: zen-direction-flip(left); + + /* Test zen-direction-flip(right) */ + float: zen-direction-flip(right); + + /* Test zen-direction-flip(both) */ + float: zen-direction-flip(both); + + /* Test zen-direction-flip(none) */ + float: zen-direction-flip(none); + + /* Test zen-direction-flip(invalid) */ + float: zen-direction-flip(invalid); +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss new file mode 100644 index 0000000..520ba15 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-grid-item-width.scss @@ -0,0 +1,32 @@ +/** + * @file + * Test zen-grid-item-width() + */ + +@import "zen"; + +#test-zen-grid-item-width { + /* Test zen-grid-item-width(1) with default $zen-column-count: 1 */ + width: zen-grid-item-width(1); + + /* Test zen-grid-item-width(2) with $zen-column-count: 5 */ + $zen-column-count: 5; + width: zen-grid-item-width(2); + $zen-column-count: 1; + + /* Test zen-grid-item-width(2, 5) */ + width: zen-grid-item-width(2, 5); + + /* Test zen-grid-item-width(1) with $zen-grid-width: 100px */ + $zen-grid-width: 100px; + width: zen-grid-item-width(1); + $zen-grid-width: 100%; + + /* Test zen-grid-item-width(2, 5) with $zen-grid-width: 100px */ + $zen-grid-width: 100px; + width: zen-grid-item-width(2, 5); + $zen-grid-width: 100%; + + /* Test zen-grid-item-width(2, 5, 100px) */ + width: zen-grid-item-width(2, 5, 100px); +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-half-gutter.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-half-gutter.scss new file mode 100644 index 0000000..e457884 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-half-gutter.scss @@ -0,0 +1,37 @@ +/** + * @file + * Test zen-half-gutter() + */ + +@import "zen"; + +#test-zen-half-gutter { + /* Test zen-half-gutter() with default $zen-gutter-width: 20px */ + padding-left: zen-half-gutter(); + + /* Test zen-half-gutter() with $zen-gutter-width: 30px */ + $zen-gutter-width: 30px; + padding-left: zen-half-gutter(); + + /* Test zen-half-gutter(10em) */ + padding-left: zen-half-gutter(10em); + + /* Test zen-half-gutter(11em) */ + padding-left: zen-half-gutter(11em); + + /* Test zen-half-gutter(10px) */ + padding-left: zen-half-gutter(10px); + + /* Test zen-half-gutter(11px) */ + padding-left: zen-half-gutter(11px); + + /* Test zen-half-gutter(11px, right) */ + padding-left: zen-half-gutter(11px, right); + + /* Test zen-half-gutter(11px) with $zen-float-direction: right */ + $zen-float-direction: right; + padding-left: zen-half-gutter(11px); + + /* Test zen-half-gutter(11px, left) with $zen-float-direction: right */ + padding-left: zen-half-gutter(11px, left); +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-unit-width.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-unit-width.scss new file mode 100644 index 0000000..0a89a8f --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/function-zen-unit-width.scss @@ -0,0 +1,32 @@ +/** + * @file + * Test zen-unit-width() + */ + +@import "zen"; + +#test-zen-unit-width { + /* Test zen-unit-width() with default $zen-column-count: 1 */ + width: zen-unit-width(); + + /* Test zen-unit-width() with $zen-column-count: 5 */ + $zen-column-count: 5; + width: zen-unit-width(); + $zen-column-count: 1; + + /* Test zen-unit-width(5) */ + width: zen-unit-width(5); + + /* Test zen-unit-width() with $zen-grid-width: 100px */ + $zen-grid-width: 100px; + width: zen-unit-width(); + $zen-grid-width: 100%; + + /* Test zen-unit-width(5) with $zen-grid-width: 100px */ + $zen-grid-width: 100px; + width: zen-unit-width(5); + $zen-grid-width: 100%; + + /* Test zen-unit-width(5, 100px) */ + width: zen-unit-width(5, 100px); +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-clear.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-clear.scss new file mode 100644 index 0000000..9a63d7f --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-clear.scss @@ -0,0 +1,26 @@ +/** + * @file + * Test zen-clear() + */ + +@import "zen"; + +#test-zen-clear { + /* Test zen-clear() */ + @include zen-clear(); + + /* Test zen-clear() with $zen-float-direction: right */ + $zen-float-direction: right; + @include zen-clear(); + $zen-float-direction: left; + + /* Test zen-clear(left) */ + @include zen-clear(left); + + /* Test zen-clear(left, $reverse-all-floats: TRUE) */ + @include zen-clear(left, $reverse-all-floats: TRUE); + + /* Test zen-clear(left) with: $zen-reverse-all-floats: TRUE; */ + $zen-reverse-all-floats: TRUE; + @include zen-clear(left); +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-float.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-float.scss new file mode 100644 index 0000000..2af83b2 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-float.scss @@ -0,0 +1,26 @@ +/** + * @file + * Test zen-float() + */ + +@import "zen"; + +#test-zen-float { + /* Test zen-float() */ + @include zen-float(); + + /* Test zen-float() with $zen-float-direction: right */ + $zen-float-direction: right; + @include zen-float(); + $zen-float-direction: left; + + /* Test zen-float(left) */ + @include zen-float(left); + + /* Test zen-float(left, $reverse-all-floats: TRUE) */ + @include zen-float(left, $reverse-all-floats: TRUE); + + /* Test zen-float(left) with: $zen-reverse-all-floats: TRUE; */ + $zen-reverse-all-floats: TRUE; + @include zen-float(left); +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-container.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-container.scss new file mode 100644 index 0000000..a3c7fd9 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-container.scss @@ -0,0 +1,27 @@ +/** + * @file + * Test zen-grid-container() + */ + +@import "zen"; + +#test-zen-grid-container { + /* Test zen-grid-container() */ + @include zen-grid-container(); +} + +#test-zen-grid-container-2 { + /* Test zen-grid-container() with $legacy-support-for-ie7: true */ + $legacy-support-for-ie7: true; + @include zen-grid-container(); + $legacy-support-for-ie7: false; +} + +#test-zen-grid-container-3 { + /* Test zen-grid-container() with $legacy-support-for-ie6: true */ + $legacy-support-for-ie6: true; + $legacy-support-for-ie7: true; + @include zen-grid-container(); + $legacy-support-for-ie6: false; + $legacy-support-for-ie7: false; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss new file mode 100644 index 0000000..5cbce1a --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-flow-item.scss @@ -0,0 +1,60 @@ +/** + * @file + * Test zen-grid-flow-item() + */ + +@import "zen"; + +#test-zen-grid-flow-item { + /* Test zen-grid-flow-item(1) without setting $column-count */ + @include zen-grid-flow-item(1); + + /* Test zen-grid-flow-item(1, 4) with 12 column grid and 20px gutter */ + @include zen-grid-flow-item(1, 4); + + /* Test zen-grid-flow-item(1, 4) with 15px gutter */ + $zen-gutter-width: 15px; + @include zen-grid-flow-item(1, 4); + $zen-gutter-width: 20px; + + /* Test zen-grid-flow-item(1, 4) with 15px gutter and $zen-float-direction: right */ + $zen-gutter-width: 15px; + $zen-float-direction: right; + @include zen-grid-flow-item(1, 4); + $zen-gutter-width: 20px; + $zen-float-direction: left; + + /* Test zen-grid-flow-item(1, 4) with 15px gutter and $alpha-gutter: true */ + $zen-gutter-width: 15px; + @include zen-grid-flow-item(1, 4, $alpha-gutter: true); + $zen-gutter-width: 20px; + + /* Test zen-grid-flow-item(1, 4) with 15px gutter and $omega-gutter: false */ + $zen-gutter-width: 15px; + @include zen-grid-flow-item(1, 4, $omega-gutter: false); + $zen-gutter-width: 20px; + + /* Test zen-grid-flow-item(3, 4) with 20px gutter and $alpha-gutter: true */ + @include zen-grid-flow-item(3, 4, $alpha-gutter: true); + + /* Test zen-grid-flow-item(3, 4) with 20px gutter and $omega-gutter: false */ + @include zen-grid-flow-item(3, 4, $omega-gutter: false); + + /* Test zen-grid-flow-item(1, 4) with 15px gutter, $zen-float-direction: right and $alpha-gutter: true */ + $zen-gutter-width: 15px; + $zen-float-direction: right; + @include zen-grid-flow-item(1, 4, $alpha-gutter: true); + $zen-gutter-width: 20px; + $zen-float-direction: left; + + /* Test zen-grid-flow-item(1, 4) with $zen-box-sizing: content-box and 10% gutter */ + $zen-gutter-width: 10%; + $zen-box-sizing: content-box; + @include zen-grid-flow-item(1, 4); + $zen-gutter-width: 20px; + $zen-box-sizing: border-box; + + /* Test zen-grid-flow-item(1, 4) with $zen-auto-include-flow-item-base: false */ + $zen-auto-include-flow-item-base: false; + @include zen-grid-flow-item(1, 4); +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item-base.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item-base.scss new file mode 100644 index 0000000..926ac42 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item-base.scss @@ -0,0 +1,54 @@ +/** + * @file + * Test zen-grid-item-base() + */ + +@import "zen"; + +#test-zen-grid-item-base { + /* Test zen-grid-item-base() */ + @include zen-grid-item-base(); + + /* Test zen-grid-item-base() with $zen-box-sizing: content-box */ + $zen-box-sizing: content-box; + @include zen-grid-item-base(); + $zen-box-sizing: border-box; + + /* Test zen-grid-item-base() with $legacy-support-for-ie7: true */ + $legacy-support-for-ie7: true; + @include zen-grid-item-base(); + $legacy-support-for-ie7: false; + + /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie7: true */ + $box-sizing-polyfill-path: "/boxsizing.htc"; + $legacy-support-for-ie7: true; + @include zen-grid-item-base(); + $box-sizing-polyfill-path: ""; + $legacy-support-for-ie7: false; + + /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie6: true */ + $box-sizing-polyfill-path: "/boxsizing.htc"; + $legacy-support-for-ie6: true; + @include zen-grid-item-base(); + $box-sizing-polyfill-path: ""; + $legacy-support-for-ie6: false; + + /* Test zen-grid-item-base() with $zen-gutter-width: 15px */ + $zen-gutter-width: 15px; + @include zen-grid-item-base(); + $zen-gutter-width: 20px; + + /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-float-direction: right */ + $zen-gutter-width: 15px; + $zen-float-direction: right; + @include zen-grid-item-base(); + $zen-gutter-width: 20px; + $zen-float-direction: left; + + /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-reverse-all-floats: true */ + $zen-gutter-width: 15px; + $zen-reverse-all-floats: true; + @include zen-grid-item-base(); + $zen-gutter-width: 20px; + $zen-reverse-all-floats: false; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item.scss new file mode 100644 index 0000000..1309ce1 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item.scss @@ -0,0 +1,57 @@ +/** + * @file + * Test zen-grid-item() + */ + +@import "zen"; + +#test-zen-grid-item { + /* Test zen-grid-item(6, 4) with 12 column grid and 20px gutter */ + $zen-column-count: 12; + @include zen-grid-item(6, 4); + + /* Test zen-grid-item(3, 3) with box-sizing: content-box, 5 column grid and 10% gutter */ + $zen-column-count: 5; + $zen-gutter-width: 10%; + $zen-box-sizing: content-box; + @include zen-grid-item(3, 3); + $zen-box-sizing: border-box; + + /* Turn off $zen-auto-include-item-base */ + $zen-auto-include-item-base: false; + + /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter */ + $zen-column-count: 5; + $zen-gutter-width: 40px; + @include zen-grid-item(3, 3); + + /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter */ + $zen-column-count: 5; + $zen-gutter-width: 40px; + @include zen-grid-item(3, 3, right); + + /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter and $zen-reverse-all-floats */ + $zen-column-count: 5; + $zen-gutter-width: 40px; + $zen-reverse-all-floats: true; + @include zen-grid-item(3, 3); + $zen-reverse-all-floats: false; + + /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter and $zen-reverse-all-floats */ + $zen-column-count: 5; + $zen-gutter-width: 40px; + $zen-reverse-all-floats: true; + @include zen-grid-item(3, 3, right); + $zen-reverse-all-floats: false; + + /* Test zen-grid-item(3, 2.5) with 5 column grid and 40px gutter */ + $zen-column-count: 5; + $zen-gutter-width: 40px; + @include zen-grid-item(3, 2.5); + + /* Test zen-grid-item(3, 3) with $zen-grid-width: 1000px, 5 column grid and 40px gutter */ + $zen-grid-width: 1000px; + $zen-column-count: 5; + $zen-gutter-width: 40px; + @include zen-grid-item(3, 3); +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-nested-container.scss b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-nested-container.scss new file mode 100644 index 0000000..ce4c8dd --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/sass/zen-nested-container.scss @@ -0,0 +1,27 @@ +/** + * @file + * Test zen-nested-container() + */ + +@import "zen"; + +#test-zen-nested-container { + /* Test zen-nested-container() */ + @include zen-nested-container(); +} + +#test-zen-nested-container-2 { + /* Test zen-nested-container() with $legacy-support-for-ie7: true */ + $legacy-support-for-ie7: true; + @include zen-nested-container(); + $legacy-support-for-ie7: false; +} + +#test-zen-nested-container-3 { + /* Test zen-nested-container() with $legacy-support-for-ie6: true */ + $legacy-support-for-ie6: true; + $legacy-support-for-ie7: true; + @include zen-nested-container(); + $legacy-support-for-ie6: false; + $legacy-support-for-ie7: false; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-direction-flip.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-direction-flip.css new file mode 100644 index 0000000..8330d8d --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-direction-flip.css @@ -0,0 +1,17 @@ +/** + * @file + * Test zen-direction-flip() + */ +/* line 8, ../sass/function-zen-direction-flip.scss */ +#test-zen-direction-flip { + /* Test zen-direction-flip(left) */ + float: right; + /* Test zen-direction-flip(right) */ + float: left; + /* Test zen-direction-flip(both) */ + float: both; + /* Test zen-direction-flip(none) */ + float: none; + /* Test zen-direction-flip(invalid) */ + float: both; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-grid-item-width.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-grid-item-width.css new file mode 100644 index 0000000..402f5d8 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-grid-item-width.css @@ -0,0 +1,19 @@ +/** + * @file + * Test zen-grid-item-width() + */ +/* line 8, ../sass/function-zen-grid-item-width.scss */ +#test-zen-grid-item-width { + /* Test zen-grid-item-width(1) with default $zen-column-count: 1 */ + width: 100%; + /* Test zen-grid-item-width(2) with $zen-column-count: 5 */ + width: 40%; + /* Test zen-grid-item-width(2, 5) */ + width: 40%; + /* Test zen-grid-item-width(1) with $zen-grid-width: 100px */ + width: 100px; + /* Test zen-grid-item-width(2, 5) with $zen-grid-width: 100px */ + width: 40px; + /* Test zen-grid-item-width(2, 5, 100px) */ + width: 40px; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-half-gutter.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-half-gutter.css new file mode 100644 index 0000000..6962c21 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-half-gutter.css @@ -0,0 +1,25 @@ +/** + * @file + * Test zen-half-gutter() + */ +/* line 8, ../sass/function-zen-half-gutter.scss */ +#test-zen-half-gutter { + /* Test zen-half-gutter() with default $zen-gutter-width: 20px */ + padding-left: 10px; + /* Test zen-half-gutter() with $zen-gutter-width: 30px */ + padding-left: 15px; + /* Test zen-half-gutter(10em) */ + padding-left: 5em; + /* Test zen-half-gutter(11em) */ + padding-left: 5.5em; + /* Test zen-half-gutter(10px) */ + padding-left: 5px; + /* Test zen-half-gutter(11px) */ + padding-left: 5px; + /* Test zen-half-gutter(11px, right) */ + padding-left: 6px; + /* Test zen-half-gutter(11px) with $zen-float-direction: right */ + padding-left: 5px; + /* Test zen-half-gutter(11px, left) with $zen-float-direction: right */ + padding-left: 6px; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-unit-width.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-unit-width.css new file mode 100644 index 0000000..6b3db02 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/function-zen-unit-width.css @@ -0,0 +1,19 @@ +/** + * @file + * Test zen-unit-width() + */ +/* line 8, ../sass/function-zen-unit-width.scss */ +#test-zen-unit-width { + /* Test zen-unit-width() with default $zen-column-count: 1 */ + width: 100%; + /* Test zen-unit-width() with $zen-column-count: 5 */ + width: 20%; + /* Test zen-unit-width(5) */ + width: 20%; + /* Test zen-unit-width() with $zen-grid-width: 100px */ + width: 100px; + /* Test zen-unit-width(5) with $zen-grid-width: 100px */ + width: 20px; + /* Test zen-unit-width(5, 100px) */ + width: 20px; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-clear.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-clear.css new file mode 100644 index 0000000..0128bbe --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-clear.css @@ -0,0 +1,17 @@ +/** + * @file + * Test zen-clear() + */ +/* line 8, ../sass/zen-clear.scss */ +#test-zen-clear { + /* Test zen-clear() */ + clear: left; + /* Test zen-clear() with $zen-float-direction: right */ + clear: right; + /* Test zen-clear(left) */ + clear: left; + /* Test zen-clear(left, $reverse-all-floats: TRUE) */ + clear: right; + /* Test zen-clear(left) with: $zen-reverse-all-floats: TRUE; */ + clear: right; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-float.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-float.css new file mode 100644 index 0000000..ecf87cb --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-float.css @@ -0,0 +1,17 @@ +/** + * @file + * Test zen-float() + */ +/* line 8, ../sass/zen-float.scss */ +#test-zen-float { + /* Test zen-float() */ + float: left; + /* Test zen-float() with $zen-float-direction: right */ + float: right; + /* Test zen-float(left) */ + float: left; + /* Test zen-float(left, $reverse-all-floats: TRUE) */ + float: right; + /* Test zen-float(left) with: $zen-reverse-all-floats: TRUE; */ + float: right; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-container.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-container.css new file mode 100644 index 0000000..614547c --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-container.css @@ -0,0 +1,49 @@ +/** + * @file + * Test zen-grid-container() + */ +/* line 8, ../sass/zen-grid-container.scss */ +#test-zen-grid-container { + /* Test zen-grid-container() */ +} +/* line 52, /Library/Ruby/Gems/1.8/gems/zen-grids-1.2/stylesheets/zen/_grids.scss */ +#test-zen-grid-container:before, #test-zen-grid-container:after { + content: ""; + display: table; +} +/* line 56, /Library/Ruby/Gems/1.8/gems/zen-grids-1.2/stylesheets/zen/_grids.scss */ +#test-zen-grid-container:after { + clear: both; +} + +/* line 13, ../sass/zen-grid-container.scss */ +#test-zen-grid-container-2 { + /* Test zen-grid-container() with $legacy-support-for-ie7: true */ + *position: relative; + *zoom: 1; +} +/* line 52, /Library/Ruby/Gems/1.8/gems/zen-grids-1.2/stylesheets/zen/_grids.scss */ +#test-zen-grid-container-2:before, #test-zen-grid-container-2:after { + content: ""; + display: table; +} +/* line 56, /Library/Ruby/Gems/1.8/gems/zen-grids-1.2/stylesheets/zen/_grids.scss */ +#test-zen-grid-container-2:after { + clear: both; +} + +/* line 20, ../sass/zen-grid-container.scss */ +#test-zen-grid-container-3 { + /* Test zen-grid-container() with $legacy-support-for-ie6: true */ + *position: relative; + *zoom: 1; +} +/* line 52, /Library/Ruby/Gems/1.8/gems/zen-grids-1.2/stylesheets/zen/_grids.scss */ +#test-zen-grid-container-3:before, #test-zen-grid-container-3:after { + content: ""; + display: table; +} +/* line 56, /Library/Ruby/Gems/1.8/gems/zen-grids-1.2/stylesheets/zen/_grids.scss */ +#test-zen-grid-container-3:after { + clear: both; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-flow-item.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-flow-item.css new file mode 100644 index 0000000..fd77ce6 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-flow-item.css @@ -0,0 +1,132 @@ +/** + * @file + * Test zen-grid-flow-item() + */ +/* line 8, ../sass/zen-grid-flow-item.scss */ +#test-zen-grid-flow-item { + /* Test zen-grid-flow-item(1) without setting $column-count */ + width: 100%; + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + padding-left: 0; + padding-right: 0px; + margin-right: 20px; + /* Test zen-grid-flow-item(1, 4) with 12 column grid and 20px gutter */ + width: 25%; + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + padding-left: 0; + padding-right: 15px; + margin-right: 5px; + /* Test zen-grid-flow-item(1, 4) with 15px gutter */ + width: 25%; + padding-left: 7px; + padding-right: 8px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + padding-left: 0; + padding-right: 11.25px; + margin-right: 3.75px; + /* Test zen-grid-flow-item(1, 4) with 15px gutter and $zen-float-direction: right */ + width: 25%; + padding-left: 8px; + padding-right: 7px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + padding-right: 0; + padding-left: 11.25px; + margin-left: 3.75px; + /* Test zen-grid-flow-item(1, 4) with 15px gutter and $alpha-gutter: true */ + width: 25%; + padding-left: 7px; + padding-right: 8px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + padding-left: 0; + margin-left: 15px; + padding-right: 11.25px; + margin-right: 3.75px; + /* Test zen-grid-flow-item(1, 4) with 15px gutter and $omega-gutter: false */ + width: 25%; + padding-left: 7px; + padding-right: 8px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + padding-left: 0; + padding-right: 11.25px; + margin-right: -11.25px; + /* Test zen-grid-flow-item(3, 4) with 20px gutter and $alpha-gutter: true */ + width: 75%; + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + padding-left: 0; + margin-left: 20px; + padding-right: 5px; + margin-right: 15px; + /* Test zen-grid-flow-item(3, 4) with 20px gutter and $omega-gutter: false */ + width: 75%; + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + padding-left: 0; + padding-right: 5px; + margin-right: -5px; + /* Test zen-grid-flow-item(1, 4) with 15px gutter, $zen-float-direction: right and $alpha-gutter: true */ + width: 25%; + padding-left: 8px; + padding-right: 7px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + padding-right: 0; + margin-right: 15px; + padding-left: 11.25px; + margin-left: 3.75px; + /* Test zen-grid-flow-item(1, 4) with $zen-box-sizing: content-box and 10% gutter */ + width: 15%; + padding-left: 5%; + padding-right: 5%; + border: 0 !important; + word-wrap: break-word; + padding-left: 0; + padding-right: 7.5%; + margin-right: 2.5%; + /* Test zen-grid-flow-item(1, 4) with $zen-auto-include-flow-item-base: false */ + width: 25%; + padding-left: 0; + padding-right: 15px; + margin-right: 5px; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item-base.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item-base.css new file mode 100644 index 0000000..a3da5c2 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item-base.css @@ -0,0 +1,73 @@ +/** + * @file + * Test zen-grid-item-base() + */ +/* line 8, ../sass/zen-grid-item-base.scss */ +#test-zen-grid-item-base { + /* Test zen-grid-item-base() */ + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + /* Test zen-grid-item-base() with $zen-box-sizing: content-box */ + padding-left: 10px; + padding-right: 10px; + border: 0 !important; + word-wrap: break-word; + /* Test zen-grid-item-base() with $legacy-support-for-ie7: true */ + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie7: true */ + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + *behavior: url("/boxsizing.htc"); + /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie6: true */ + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + *behavior: url("/boxsizing.htc"); + _display: inline; + _overflow: hidden; + _overflow-y: visible; + /* Test zen-grid-item-base() with $zen-gutter-width: 15px */ + padding-left: 7px; + padding-right: 8px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-float-direction: right */ + padding-left: 8px; + padding-right: 7px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-reverse-all-floats: true */ + padding-left: 8px; + padding-right: 7px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item.css new file mode 100644 index 0000000..c01b74f --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-grid-item.css @@ -0,0 +1,59 @@ +/** + * @file + * Test zen-grid-item() + */ +/* line 8, ../sass/zen-grid-item.scss */ +#test-zen-grid-item { + /* Test zen-grid-item(6, 4) with 12 column grid and 20px gutter */ + float: left; + width: 50%; + margin-left: 25%; + margin-right: -75%; + padding-left: 10px; + padding-right: 10px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + word-wrap: break-word; + /* Test zen-grid-item(3, 3) with box-sizing: content-box, 5 column grid and 10% gutter */ + float: left; + width: 50%; + margin-left: 40%; + margin-right: -100%; + padding-left: 5%; + padding-right: 5%; + border: 0 !important; + word-wrap: break-word; + /* Turn off $zen-auto-include-item-base */ + /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter */ + float: left; + width: 60%; + margin-left: 40%; + margin-right: -100%; + /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter */ + float: right; + width: 60%; + margin-right: 40%; + margin-left: -100%; + /* Test zen-grid-item(3, 3) with 5 column grid and 40px gutter and $zen-reverse-all-floats */ + float: right; + width: 60%; + margin-right: 40%; + margin-left: -100%; + /* Test zen-grid-item(3, 3, right) with 5 column grid and 40px gutter and $zen-reverse-all-floats */ + float: left; + width: 60%; + margin-left: 40%; + margin-right: -100%; + /* Test zen-grid-item(3, 2.5) with 5 column grid and 40px gutter */ + float: left; + width: 60%; + margin-left: 30%; + margin-right: -90%; + /* Test zen-grid-item(3, 3) with $zen-grid-width: 1000px, 5 column grid and 40px gutter */ + float: left; + width: 600px; + margin-left: 400px; + margin-right: -1000px; +} diff --git a/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-nested-container.css b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-nested-container.css new file mode 100644 index 0000000..030dc15 --- /dev/null +++ b/97suifangqa/sass/sass-extensions/zen-grids/templates/unit-tests/test-results/zen-nested-container.css @@ -0,0 +1,24 @@ +/** + * @file + * Test zen-nested-container() + */ +/* line 8, ../sass/zen-nested-container.scss */ +#test-zen-nested-container { + /* Test zen-nested-container() */ + padding-left: 0; + padding-right: 0; +} + +/* line 13, ../sass/zen-nested-container.scss */ +#test-zen-nested-container-2 { + /* Test zen-nested-container() with $legacy-support-for-ie7: true */ + padding-left: 0; + padding-right: 0; +} + +/* line 20, ../sass/zen-nested-container.scss */ +#test-zen-nested-container-3 { + /* Test zen-nested-container() with $legacy-support-for-ie6: true */ + padding-left: 0; + padding-right: 0; +} |