sels

Benchmark created by sels on October 6, 2011

Preparation HTML

<div id="post-options-dialog-id" style="padding-bottom: 30px;" class="tb_pop-up tb_pop-media">
        <div class="tb_pop-header"><h1>Single Post Options</h1><a id="tb_pop-close" href="#" class="tb_pop-close">Close</a></div>
                <ul class="tb_post-options-menu">
                <li><a class="tb_selected" href="#">Meta</a></li>
            <li><a href="#">Social</a></li>
        </ul>
        
        <div style="display: none;">
            <ul class="tb_post-display-options">
                <li><input type="checkbox">Show Next/Previous links
                <div><input type="text" value="Next post"> <input type="text" value="Previous post"></div>
                </li>
                <li><input type="checkbox">Show Author
                <div><input type="text" value="Written by:"></div>
                </li>
                <li><input type="checkbox">Show Categories
                <div><input type="text" value="Posted in:"></div>
                </li>
                <li><input type="checkbox">Show Tags
                <div><input type="text" value="Tags:"></div>
                </li>
                <li><input type="checkbox">Show Date
                <div><input type="text" value="Posted on:"></div>
                </li>
                <li><input type="checkbox">Show "Edit' link to Admins
                <div></div>
                </li>
            </ul>
         </div>
         
         <div style="display: block;">
                <p>Show sharing buttons for:</p>
            <ul class="tb_post-display-options tb_post-display-options-social">
                <li><input type="checkbox">Facebook</li>
                <li><input type="checkbox">Twitter</li>
                <li><input type="checkbox">Google+</li>
            </ul>
            <p>Button layout:</p>
            <ul class="tb_post-display-options">
                <li><input type="radio" checked="checked">Vertical
                <div><input type="radio">Before content&nbsp;&nbsp;&nbsp;<input type="radio">After content</div>
                </li>
                <li><input type="radio">Horizontal
                <div style="display: none;"><input type="radio">Left of content&nbsp;&nbsp;&nbsp;<input type="radio">Right of content</div>
                </li>
            </ul>
         </div>
        
        <div class="tb_pop-controls tb_pop_footer">
            <input type="button" class="tb_action-button tb_cancel-button" id="tb_media_pop-cancel" value="Cancel">
            <input type="button" class="tb_action-button tb_ok-button" id="tb_media_pop-ok" value="OK">
        </div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Test runner

var dlg = jQuery('#post-options-dialog-id');
                                        dlg.delegate('#tb_media_pop-cancel, #tb_pop-close', 'click', function(){
                                                console.log(1)
                                        });

var dlg = jQuery('#post-options-dialog-id');
                                        dlg.delegate('#tb_media_pop-cancel', 'click', function(){
                                                console.log(1)
                                        });

                                        dlg.delegate('#tb_pop-close', 'click', function(){
                                                console.log(1)
                                        });

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by sels on October 6, 2011