Polypage was designed to ease the process of showing multiple page states in html mock-ups. By simply adding class names to a document you can imply state and conditional view logic.
64 | 65 |This page is using PolyPage! You may have noticed the options in the top right corner of this page. Try toggling them to see the text below change to reflect your choices.
67 |Any class names that you would like Polypage to process should begin with pp_ Polypage will ignore all other classes in the document.
The pp_ prefix is then followed by a state, this can be any page state that you wish to use, some examples; logged_in, administrator, group_owner, blank_state. A complete class name might look something like pp_logged_in
When the page loads states are collected automatically from your used class names, because of this it is not necessary to tell Polypage what states you are using in a particular page.
80 |States can be joined together and negated to add some basic logic to pages. The syntax for this follows natural language. Some examples; pp_logged_in_and_admin, pp_not_logged_in, pp_admin_or_group_owner.
The state of a page can be easily changed by toggling the state options on and off in the grey box in the top left corner of the window.
82 |Polypage has support for defaults and persistence through several different means:
83 |polypage.init() function will set default on states for the page.The source code is available on GitHub
95 |This version is still an early release but is in regular use by several companies. 96 | Check-out the changelog for more details on what's new.
97 | 98 |Who knows? I'm open to suggestions / patches
100 | 101 |'+this.options.label+'
').text(reason.toString())); 30 | if (reason.fileName || reason.lineNumber) { 31 | $(this) 32 | .append($('
').text(reason.fileName + " : " + reason.lineNumber)); 33 | } 34 | }) 35 | }) 36 | .bind('before', function() { 37 | $('.status').text('Running...'); 38 | }) 39 | .bind('after', function() { 40 | $('.status').fn('display') 41 | }) 42 | })(jQuery); -------------------------------------------------------------------------------- /spec/screw-unit/screw.matchers.js: -------------------------------------------------------------------------------- 1 | Screw.Matchers = (function($) { 2 | return matchers = { 3 | expect: function(actual) { 4 | return { 5 | to: function(matcher, expected, not) { 6 | var matched = matcher.match(expected, actual); 7 | if (not ? matched : !matched) { 8 | throw(matcher.failure_message(expected, actual, not)); 9 | } 10 | }, 11 | 12 | to_not: function(matcher, expected) { 13 | this.to(matcher, expected, true); 14 | } 15 | } 16 | }, 17 | 18 | equal: { 19 | match: function(expected, actual) { 20 | if (expected instanceof Array) { 21 | for (var i = 0; i < actual.length; i++) 22 | if (!Screw.Matchers.equal.match(expected[i], actual[i])) return false; 23 | return actual.length == expected.length; 24 | } else if (expected instanceof Object) { 25 | for (var key in expected) 26 | if (expected[key] != actual[key]) return false; 27 | for (var key in actual) 28 | if (actual[key] != expected[key]) return false; 29 | return true; 30 | } else { 31 | return expected == actual; 32 | } 33 | }, 34 | 35 | failure_message: function(expected, actual, not) { 36 | return 'expected ' + $.print(actual) + (not ? ' to not equal ' : ' to equal ') + $.print(expected); 37 | } 38 | }, 39 | 40 | match: { 41 | match: function(expected, actual) { 42 | if (expected.constructor == RegExp) 43 | return expected.exec(actual.toString()); 44 | else 45 | return actual.indexOf(expected) > -1; 46 | }, 47 | 48 | failure_message: function(expected, actual, not) { 49 | return 'expected ' + $.print(actual) + (not ? ' to not match ' : ' to match ') + $.print(expected); 50 | } 51 | }, 52 | 53 | be_empty: { 54 | match: function(expected, actual) { 55 | if (actual.length == undefined) throw(actual.toString() + " does not respond to length"); 56 | 57 | return actual.length == 0; 58 | }, 59 | 60 | failure_message: function(expected, actual, not) { 61 | return 'expected ' + $.print(actual) + (not ? ' to not be empty' : ' to be empty'); 62 | } 63 | }, 64 | 65 | have_length: { 66 | match: function(expected, actual) { 67 | if (actual.length == undefined) throw(actual.toString() + " does not respond to length"); 68 | 69 | return actual.length == expected; 70 | }, 71 | 72 | failure_message: function(expected, actual, not) { 73 | return 'expected ' + $.print(actual) + (not ? ' to not' : ' to') + ' have length ' + expected; 74 | } 75 | }, 76 | 77 | be_null: { 78 | match: function(expected, actual) { 79 | return actual == null; 80 | }, 81 | 82 | failure_message: function(expected, actual, not) { 83 | return 'expected ' + $.print(actual) + (not ? ' to not be null' : ' to be null'); 84 | } 85 | }, 86 | 87 | be_undefined: { 88 | match: function(expected, actual) { 89 | return actual == undefined; 90 | }, 91 | 92 | failure_message: function(expected, actual, not) { 93 | return 'expected ' + $.print(actual) + (not ? ' to not be undefined' : ' to be undefined'); 94 | } 95 | }, 96 | 97 | be_true: { 98 | match: function(expected, actual) { 99 | return actual; 100 | }, 101 | 102 | failure_message: function(expected, actual, not) { 103 | return 'expected ' + $.print(actual) + (not ? ' to not be true' : ' to be true'); 104 | } 105 | }, 106 | 107 | be_false: { 108 | match: function(expected, actual) { 109 | return !actual; 110 | }, 111 | 112 | failure_message: function(expected, actual, not) { 113 | return 'expected ' + $.print(actual) + (not ? ' to not be false' : ' to be false'); 114 | } 115 | }, 116 | 117 | match_selector: { 118 | match: function(expected, actual) { 119 | if (!(actual instanceof jQuery)) { 120 | throw expected.toString() + " must be an instance of jQuery to match against a selector" 121 | } 122 | 123 | return actual.is(expected); 124 | }, 125 | 126 | failure_message: function(expected, actual, not) { 127 | return 'expected ' + $.print(actual) + (not ? ' to not match selector ' : ' to match selector ') + expected; 128 | } 129 | }, 130 | 131 | contain_selector: { 132 | match: function(expected, actual) { 133 | if (!(actual instanceof jQuery)) { 134 | throw expected.toString() + " must be an instance of jQuery to match against a selector" 135 | } 136 | 137 | return actual.find(expected).length > 0; 138 | }, 139 | 140 | failure_message: function(expected, actual, not) { 141 | return 'expected ' + $.print(actual) + (not ? ' to not contain selector ' : ' to contain selector ') + expected; 142 | } 143 | } 144 | } 145 | })(jQuery); -------------------------------------------------------------------------------- /spec/screw-unit/screw.server.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | var ajax = $.ajax; 3 | $(Screw).bind('after', function() { 4 | var error_text = $(".error").map(function(i, element) { 5 | return element.innerHTML; 6 | }).get().join("\n"); 7 | 8 | var suite_id; 9 | if(top.runOptions) { 10 | suite_id = top.runOptions.getSessionId(); 11 | } else { 12 | suite_id = 'user'; 13 | } 14 | 15 | ajax({ 16 | type: "POST", 17 | url: '/suites/' + suite_id + '/finish', 18 | data: {"text": error_text} 19 | }); 20 | }); 21 | })(jQuery); 22 | --------------------------------------------------------------------------------