mirror of
https://github.com/balena-io/etcher.git
synced 2025-04-25 07:47:18 +00:00
53b3daa335
This directives will be used in the header navigation instead of re-using this logic from the `NavigationController`. A consequence of this change is that `NavigationController` is no longer needed, and therefore is removed.
103 lines
3.4 KiB
JavaScript
103 lines
3.4 KiB
JavaScript
/*
|
|
* Copyright 2016 Resin.io
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const m = require('mochainon');
|
|
const angular = require('angular');
|
|
require('angular-mocks');
|
|
require('../../../lib/browser/utils/if-state/if-state');
|
|
|
|
describe('Browser: IfState', function() {
|
|
|
|
beforeEach(angular.mock.module('Etcher.Utils.IfState'));
|
|
|
|
let $compile;
|
|
let $rootScope;
|
|
let $state;
|
|
|
|
beforeEach(angular.mock.inject(function(_$compile_, _$rootScope_, _$state_) {
|
|
$compile = _$compile_;
|
|
$rootScope = _$rootScope_;
|
|
$state = _$state_;
|
|
}));
|
|
|
|
describe('given the current state is "foo"', function() {
|
|
|
|
beforeEach(function() {
|
|
this.stateIsStub = m.sinon.stub($state, 'is');
|
|
this.stateIsStub.withArgs('foo').returns(true);
|
|
this.stateIsStub.returns(false);
|
|
});
|
|
|
|
afterEach(function() {
|
|
this.stateIsStub.restore();
|
|
});
|
|
|
|
describe('hideIfState', function() {
|
|
|
|
it('should hide the element if the attribute equals "foo"', function() {
|
|
const element = $compile('<span hide-if-state="foo">Resin.io</span>')($rootScope);
|
|
$rootScope.$digest();
|
|
m.chai.expect(element.css('display')).to.equal('none');
|
|
});
|
|
|
|
it('should show the element if the attribute does not equal "foo"', function() {
|
|
const element = $compile('<span hide-if-state="bar">Resin.io</span>')($rootScope);
|
|
$rootScope.$digest();
|
|
m.chai.expect(element.css('display')).to.equal('initial');
|
|
});
|
|
|
|
it('should show the element if the state changes', function() {
|
|
const element = $compile('<span hide-if-state="foo">Resin.io</span>')($rootScope);
|
|
$rootScope.$digest();
|
|
m.chai.expect(element.css('display')).to.equal('none');
|
|
this.stateIsStub.withArgs('foo').returns(false);
|
|
$rootScope.$digest();
|
|
m.chai.expect(element.css('display')).to.equal('initial');
|
|
});
|
|
|
|
});
|
|
|
|
describe('showIfState', function() {
|
|
|
|
it('should hide the element if the attribute does not equal "foo"', function() {
|
|
const element = $compile('<span show-if-state="bar">Resin.io</span>')($rootScope);
|
|
$rootScope.$digest();
|
|
m.chai.expect(element.css('display')).to.equal('none');
|
|
});
|
|
|
|
it('should show the element if the attribute equals "foo"', function() {
|
|
const element = $compile('<span show-if-state="foo">Resin.io</span>')($rootScope);
|
|
$rootScope.$digest();
|
|
m.chai.expect(element.css('display')).to.equal('initial');
|
|
});
|
|
|
|
it('should hide the element if the state changes', function() {
|
|
const element = $compile('<span show-if-state="foo">Resin.io</span>')($rootScope);
|
|
$rootScope.$digest();
|
|
m.chai.expect(element.css('display')).to.equal('initial');
|
|
this.stateIsStub.withArgs('foo').returns(false);
|
|
$rootScope.$digest();
|
|
m.chai.expect(element.css('display')).to.equal('none');
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|