Wordpress/tests/qunit/wp-admin/js/customize-controls-utils.js

109 lines
3.6 KiB
JavaScript
Raw Normal View History

/* global wp */
jQuery( function( $ ) {
var trueMockEvent, falseMockEvent, mockElementLists, $firstMockElement, $secondMockElement, $thirdMockElement,
BubbleTester, BubbleTesterTwoValues, bubbleTesterParent, firstBubbleTester, secondBubbleTester;
module( 'Customizer Model Utility functions' );
trueMockEvent = {
type : 'keydown',
which : 14
};
falseMockEvent = {
type : 'keydown',
which : 13
};
test( 'isKeydownButNotEnterEvent returns true' , function () {
ok( wp.customize.utils.isKeydownButNotEnterEvent( trueMockEvent ) );
});
test( 'isKeydownButNotEnterEvent returns false' , function () {
equal( wp.customize.utils.isKeydownButNotEnterEvent( falseMockEvent ) , false );
});
$firstMockElement = $( '<div id="foo"></div>' );
$secondMockElement = $( '<li id="bar"></li>' );
$thirdMockElement = $( '<div id="thirdElement"></div>' );
mockElementLists = {
first : [ $firstMockElement , $secondMockElement ],
second : [ $secondMockElement ],
firstInReverseOrder : [ $secondMockElement , $firstMockElement ],
third : [ $firstMockElement, $secondMockElement ],
thirdButLonger : [ $firstMockElement, $secondMockElement, $thirdMockElement ]
};
test( 'areElementListsEqual returns true' , function () {
ok( wp.customize.utils.areElementListsEqual( mockElementLists.first , mockElementLists.first ) );
});
test( 'areElementListsEqual returns false' , function () {
equal( wp.customize.utils.areElementListsEqual( mockElementLists.first , mockElementLists.second ) , false );
});
test( 'areElementListsEqual: lists have same values, but in reverse order' , function () {
equal( wp.customize.utils.areElementListsEqual( mockElementLists.first , mockElementLists.firstInReverseOrder ) , false );
});
test( 'areElementListsEqual: lists have same values, but one is longer' , function () {
equal( wp.customize.utils.areElementListsEqual( mockElementLists.third , mockElementLists.thirdButLonger ) , false );
});
bubbleTesterParent = function() {
this.trigger = function( event , instance ) {
this.wasChangeTriggered = true;
this.instancePassedInTrigger = instance;
};
this.wasChangeTriggered = false;
this.instancePassedInTrigger = {};
};
BubbleTester = wp.customize.Class.extend(
{
parent : new bubbleTesterParent(),
fooValue : new wp.customize.Value()
},
{
staticProperty : 'propertyValue'
}
);
test( 'bubbleChildValueChanges notifies parent of change' , function() {
firstBubbleTester = new BubbleTester();
wp.customize.utils.bubbleChildValueChanges( firstBubbleTester , [ 'fooValue' ] );
firstBubbleTester.fooValue.set( 'new value' );
ok( firstBubbleTester.parent.wasChangeTriggered );
});
test( 'bubbleChildValueChanges passes a reference to its instance' , function() {
ok( firstBubbleTester.parent.instancePassedInTrigger instanceof BubbleTester );
});
BubbleTesterTwoValues = wp.customize.Class.extend(
{
parent : new bubbleTesterParent(),
exampleValue : new wp.customize.Value(),
barValue : new wp.customize.Value()
},
{
staticProperty : 'propertyValue'
}
);
secondBubbleTester = new BubbleTesterTwoValues();
wp.customize.utils.bubbleChildValueChanges( secondBubbleTester , [ 'exampleValue' , 'barValue' ] );
secondBubbleTester.barValue.set( 'new value' );
test( 'bubbleChildValueChanges notifies parent of change when two values are bound' , function() {
ok( secondBubbleTester.parent.wasChangeTriggered );
});
test( 'bubbleChildValueChanges passes a reference to its instance when two values are bound' , function() {
ok( secondBubbleTester.parent.instancePassedInTrigger instanceof BubbleTesterTwoValues );
});
});