mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-13 10:00:26 +03:00
1a81397d31
A dialog which will take the user through an interactive-auth process
108 lines
3.5 KiB
JavaScript
108 lines
3.5 KiB
JavaScript
/*
|
|
Copyright 2016 OpenMarket Ltd
|
|
|
|
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.
|
|
*/
|
|
|
|
import expect from 'expect';
|
|
import q from 'q';
|
|
import React from 'react';
|
|
import ReactDOM from 'react-dom';
|
|
import ReactTestUtils from 'react-addons-test-utils';
|
|
import sinon from 'sinon';
|
|
|
|
import sdk from 'matrix-react-sdk';
|
|
import MatrixClientPeg from 'MatrixClientPeg';
|
|
|
|
import * as test_utils from '../../../test-utils';
|
|
|
|
const InteractiveAuthDialog = sdk.getComponent(
|
|
'views.dialogs.InteractiveAuthDialog'
|
|
);
|
|
|
|
describe('InteractiveAuthDialog', function () {
|
|
var parentDiv;
|
|
var sandbox;
|
|
|
|
beforeEach(function() {
|
|
test_utils.beforeEach(this);
|
|
sandbox = test_utils.stubClient(sandbox);
|
|
parentDiv = document.createElement('div');
|
|
document.body.appendChild(parentDiv);
|
|
});
|
|
|
|
afterEach(function() {
|
|
ReactDOM.unmountComponentAtNode(parentDiv);
|
|
parentDiv.remove();
|
|
sandbox.restore();
|
|
});
|
|
|
|
it('Should successfully complete a password flow', function(done) {
|
|
const onFinished = sinon.spy();
|
|
const doRequest = sinon.stub().returns(q({a:1}));
|
|
|
|
// tell the stub matrixclient to return a real userid
|
|
var client = MatrixClientPeg.get();
|
|
client.credentials = {userId: "@user:id"};
|
|
|
|
const dlg = ReactDOM.render(
|
|
<InteractiveAuthDialog
|
|
authData={{
|
|
session: "sess",
|
|
flows: [
|
|
{"stages":["m.login.password"]}
|
|
]
|
|
}}
|
|
makeRequest={doRequest}
|
|
onFinished={onFinished}
|
|
/>, parentDiv);
|
|
|
|
// at this point there should be a password box
|
|
const passwordNode = ReactTestUtils.findRenderedDOMComponentWithTag(
|
|
dlg, "input"
|
|
);
|
|
expect(passwordNode.type).toEqual("password");
|
|
|
|
// submit should be disabled
|
|
const submitNode = ReactTestUtils.findRenderedDOMComponentWithClass(
|
|
dlg, "mx_Dialog_primary"
|
|
);
|
|
expect(submitNode.disabled).toBe(true);
|
|
|
|
// put something in the password box, and hit enter; that should
|
|
// trigger a request
|
|
passwordNode.value = "s3kr3t";
|
|
ReactTestUtils.Simulate.change(passwordNode);
|
|
expect(submitNode.disabled).toBe(false);
|
|
ReactTestUtils.Simulate.keyDown(passwordNode, {
|
|
key: "Enter", keyCode: 13, which: 13,
|
|
});
|
|
|
|
expect(doRequest.callCount).toEqual(1);
|
|
expect(doRequest.calledWithExactly({
|
|
session: "sess",
|
|
type: "m.login.password",
|
|
password: "s3kr3t",
|
|
user: "@user:id",
|
|
})).toBe(true);
|
|
|
|
// the submit button should now be disabled (and be a spinner)
|
|
expect(submitNode.disabled).toBe(true);
|
|
|
|
// let the request complete
|
|
q.delay(1).then(() => {
|
|
expect(onFinished.callCount).toEqual(1);
|
|
expect(onFinished.calledWithExactly(true, {a:1})).toBe(true);
|
|
}).done(done, done);
|
|
});
|
|
});
|