mirror of
https://github.com/status-im/consul.git
synced 2025-01-09 13:26:07 +00:00
4bf1daef0a
* ui: Logout button This commit adds an easier way to logout of the UI using a logout button Notes: - Added a Logout button to the main navigation when you are logged in, meaning you have easy access to a way to log out of the UI. - Changed all wording to use 'Log in/out' vocabulary instad of 'stop using'. - The logout button opens a panel to show you your current ACL token and a logout button in order to logout. - When using legacy ACLs we don't show the current ACL token as legacy ACLs tokens only have secret values, whereas the new ACLs use a non-secret ID plus a secret ID (that we don't show). - We also added a new `<EmptyState />` component to use for all our empty states. We currently only use this for the ACLs disabled screen to provide more outgoing links to more readind material/documentation to help you to understand and enable ACLs. - The `<DataSink />` component is the sibling to our `<DataSource />` component and whilst is much simpler (as it doesn't require polling support), its tries to use the same code patterns for consistencies sake. - We had a fun problem with ember-data's `store.unloadAll` here, and in the end went with `store.init` to empty the ember-data store instead due to timing issues. - We've tried to use already existing patterns in the Consul UI here such as our preexisting `feedback` service, although these are likely to change in the future. The thinking here is to add this feature with as little change as possible. Overall this is a precursor to a much larger piece of work centered on auth in the UI. We figured this was a feature complete piece of work as it is and thought it was worthwhile to PR as a feature on its own, which also means the larger piece of work will be a smaller scoped PR also.
76 lines
2.2 KiB
JavaScript
76 lines
2.2 KiB
JavaScript
import { module } from 'qunit';
|
|
import { setupTest } from 'ember-qunit';
|
|
import test from 'ember-sinon-qunit/test-support/test';
|
|
import Service from '@ember/service';
|
|
import Route from 'consul-ui/routes/dc/acls/index';
|
|
|
|
import Mixin from 'consul-ui/mixins/acl/with-actions';
|
|
|
|
module('Unit | Mixin | acl/with actions', function(hooks) {
|
|
setupTest(hooks);
|
|
|
|
hooks.beforeEach(function() {
|
|
this.subject = function() {
|
|
const MixedIn = Route.extend(Mixin);
|
|
this.owner.register('test-container:acl/with-actions-object', MixedIn);
|
|
return this.owner.lookup('test-container:acl/with-actions-object');
|
|
};
|
|
});
|
|
|
|
// Replace this with your real tests.
|
|
test('it works', function(assert) {
|
|
const subject = this.subject();
|
|
assert.ok(subject);
|
|
});
|
|
test('use persists the token', function(assert) {
|
|
assert.expect(2);
|
|
const item = { ID: 'id' };
|
|
const expected = { Namespace: 'default', AccessorID: null, SecretID: item.ID };
|
|
this.owner.register(
|
|
'service:settings',
|
|
Service.extend({
|
|
persist: function(actual) {
|
|
assert.deepEqual(actual.token, expected);
|
|
return Promise.resolve(actual);
|
|
},
|
|
})
|
|
);
|
|
const subject = this.subject();
|
|
return subject.actions.use
|
|
.bind(subject)(item)
|
|
.then(function(actual) {
|
|
assert.deepEqual(actual.token, expected);
|
|
});
|
|
});
|
|
test('clone clones the token and calls afterDelete correctly', function(assert) {
|
|
assert.expect(4);
|
|
this.owner.register(
|
|
'service:feedback',
|
|
Service.extend({
|
|
execute: function(cb, name) {
|
|
assert.equal(name, 'clone');
|
|
return cb();
|
|
},
|
|
})
|
|
);
|
|
const expected = { ID: 'id' };
|
|
this.owner.register(
|
|
'service:repository/acl',
|
|
Service.extend({
|
|
clone: function(actual) {
|
|
assert.deepEqual(actual, expected);
|
|
return Promise.resolve(actual);
|
|
},
|
|
})
|
|
);
|
|
const subject = this.subject();
|
|
const afterDelete = this.stub(subject, 'afterDelete').returnsArg(0);
|
|
return subject.actions.clone
|
|
.bind(subject)(expected)
|
|
.then(function(actual) {
|
|
assert.ok(afterDelete.calledOnce);
|
|
assert.equal(actual, expected);
|
|
});
|
|
});
|
|
});
|