|
|
@@ -14,7 +14,7 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should fire event when new descriptor is provided to an empty stack', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptor = { priority: 10, class: 'css-class', id: 'descriptor-id' };
|
|
|
+ const descriptor = { priority: 10, classes: 'css-class', id: 'descriptor-id' };
|
|
|
|
|
|
stack.on( 'change:top', spy );
|
|
|
stack.add( descriptor );
|
|
|
@@ -26,8 +26,8 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should fire event when new top element has changed', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptor = { priority: 10, class: 'css-class', id: 'descriptor-1' };
|
|
|
- const secondDescriptor = { priority: 11, class: 'css-class', id: 'descriptor-2' };
|
|
|
+ const descriptor = { priority: 10, classes: 'css-class', id: 'descriptor-1' };
|
|
|
+ const secondDescriptor = { priority: 11, classes: 'css-class', id: 'descriptor-2' };
|
|
|
|
|
|
stack.on( 'change:top', spy );
|
|
|
stack.add( descriptor );
|
|
|
@@ -40,8 +40,8 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should fire event when top element has updated', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptor = { priority: 10, class: 'css-class', id: 'descriptor-1' };
|
|
|
- const secondDescriptor = { priority: 11, class: 'css-class', id: 'descriptor-1' };
|
|
|
+ const descriptor = { priority: 10, classes: 'css-class', id: 'descriptor-1' };
|
|
|
+ const secondDescriptor = { priority: 11, classes: 'css-class', id: 'descriptor-1' };
|
|
|
|
|
|
stack.on( 'change:top', spy );
|
|
|
stack.add( descriptor );
|
|
|
@@ -57,8 +57,8 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should not fire event when element with lower priority was added', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptor = { priority: 10, class: 'css-class', id: 'descriptor-1' };
|
|
|
- const secondDescriptor = { priority: 9, class: 'css-class', id: 'descriptor-2' };
|
|
|
+ const descriptor = { priority: 10, classes: 'css-class', id: 'descriptor-1' };
|
|
|
+ const secondDescriptor = { priority: 9, classes: 'css-class', id: 'descriptor-2' };
|
|
|
|
|
|
stack.on( 'change:top', spy );
|
|
|
stack.add( descriptor );
|
|
|
@@ -71,8 +71,8 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should fire event when top element was removed', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptor = { priority: 10, class: 'css-class', id: 'descriptor-1' };
|
|
|
- const secondDescriptor = { priority: 11, class: 'css-class', id: 'descriptor-2' };
|
|
|
+ const descriptor = { priority: 10, classes: 'css-class', id: 'descriptor-1' };
|
|
|
+ const secondDescriptor = { priority: 11, classes: 'css-class', id: 'descriptor-2' };
|
|
|
|
|
|
stack.add( descriptor );
|
|
|
stack.add( secondDescriptor );
|
|
|
@@ -88,8 +88,8 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should not fire event when other than top element is removed', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptor = { priority: 10, class: 'css-class', id: 'descriptor-1' };
|
|
|
- const secondDescriptor = { priority: 11, class: 'css-class', id: 'descriptor-2' };
|
|
|
+ const descriptor = { priority: 10, classes: 'css-class', id: 'descriptor-1' };
|
|
|
+ const secondDescriptor = { priority: 11, classes: 'css-class', id: 'descriptor-2' };
|
|
|
|
|
|
stack.add( descriptor );
|
|
|
stack.add( secondDescriptor );
|
|
|
@@ -103,8 +103,8 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should not fire event when same descriptor is added', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptor = { priority: 10, class: 'css-class', id: 'descriptor-1' };
|
|
|
- const secondDescriptor = { priority: 10, class: 'css-class', id: 'descriptor-1' };
|
|
|
+ const descriptor = { priority: 10, classes: 'css-class', id: 'descriptor-1' };
|
|
|
+ const secondDescriptor = { priority: 10, classes: 'css-class', id: 'descriptor-1' };
|
|
|
|
|
|
stack.on( 'change:top', spy );
|
|
|
stack.add( descriptor );
|
|
|
@@ -117,7 +117,7 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should not fire when trying to remove from empty stack', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptor = { priority: 10, class: 'css-class' };
|
|
|
+ const descriptor = { priority: 10, classes: 'css-class' };
|
|
|
|
|
|
stack.on( 'change:top', spy );
|
|
|
stack.remove( descriptor );
|
|
|
@@ -127,8 +127,8 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should not fire when trying to remove descriptor which is not present', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptor = { priority: 10, class: 'css-class', id: 'descriptor-1' };
|
|
|
- const secondDescriptor = { priority: 12, class: 'css-class', id: 'descriptor-2' };
|
|
|
+ const descriptor = { priority: 10, classes: 'css-class', id: 'descriptor-1' };
|
|
|
+ const secondDescriptor = { priority: 12, classes: 'css-class', id: 'descriptor-2' };
|
|
|
|
|
|
stack.add( descriptor );
|
|
|
stack.on( 'change:top', spy );
|
|
|
@@ -139,7 +139,7 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should fire event when last element from stack was removed', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptor = { priority: 10, class: 'css-class', id: 'descriptor' };
|
|
|
+ const descriptor = { priority: 10, classes: 'css-class', id: 'descriptor' };
|
|
|
|
|
|
stack.add( descriptor );
|
|
|
stack.on( 'change:top', spy );
|
|
|
@@ -152,8 +152,8 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should not fire event when new top descriptor is same as previous', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptor = { priority: 10, class: 'css-class', id: 'descriptor-1' };
|
|
|
- const secondDescriptor = { priority: 10, class: 'css-class', id: 'descriptor-2' };
|
|
|
+ const descriptor = { priority: 10, classes: 'css-class', id: 'descriptor-1' };
|
|
|
+ const secondDescriptor = { priority: 10, classes: 'css-class', id: 'descriptor-2' };
|
|
|
|
|
|
stack.add( descriptor );
|
|
|
stack.add( secondDescriptor );
|
|
|
@@ -165,9 +165,9 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should sort by class when priorities are the same', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptorA = { priority: 10, class: 'css-a', id: 'descriptor-1' };
|
|
|
- const descriptorB = { priority: 10, class: 'css-b', id: 'descriptor-2' };
|
|
|
- const descriptorC = { priority: 10, class: 'css-c', id: 'descriptor-3' };
|
|
|
+ const descriptorA = { priority: 10, classes: 'css-a', id: 'descriptor-1' };
|
|
|
+ const descriptorB = { priority: 10, classes: 'css-b', id: 'descriptor-2' };
|
|
|
+ const descriptorC = { priority: 10, classes: 'css-c', id: 'descriptor-3' };
|
|
|
|
|
|
stack.on( 'change:top', spy );
|
|
|
stack.add( descriptorB );
|
|
|
@@ -184,9 +184,9 @@ describe( 'HighlightStack', () => {
|
|
|
|
|
|
it( 'should sort by class when priorities are the same - array of CSS classes', () => {
|
|
|
const spy = sinon.spy();
|
|
|
- const descriptorA = { priority: 10, class: [ 'css-a', 'css-z' ], id: 'descriptor-1' };
|
|
|
- const descriptorB = { priority: 10, class: [ 'css-a', 'css-y' ], id: 'descriptor-2' };
|
|
|
- const descriptorC = { priority: 10, class: 'css-c', id: 'descriptor-3' };
|
|
|
+ const descriptorA = { priority: 10, classes: [ 'css-a', 'css-z' ], id: 'descriptor-1' };
|
|
|
+ const descriptorB = { priority: 10, classes: [ 'css-a', 'css-y' ], id: 'descriptor-2' };
|
|
|
+ const descriptorC = { priority: 10, classes: 'css-c', id: 'descriptor-3' };
|
|
|
|
|
|
stack.on( 'change:top', spy );
|
|
|
stack.add( descriptorB );
|