mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-11 15:24:05 +03:00
f7a26ddb91
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
210 lines
8.3 KiB
JavaScript
210 lines
8.3 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.
|
|
*/
|
|
|
|
/* joining.js: tests for the various paths when joining a room */
|
|
|
|
import PlatformPeg from 'matrix-react-sdk/lib/PlatformPeg';
|
|
import Platform from '../../src/vector/platform';
|
|
|
|
require('skin-sdk');
|
|
|
|
var jssdk = require('matrix-js-sdk');
|
|
|
|
var sdk = require('matrix-react-sdk');
|
|
var peg = require('matrix-react-sdk/lib/MatrixClientPeg');
|
|
var dis = require('matrix-react-sdk/lib/dispatcher');
|
|
var PageTypes = require('matrix-react-sdk/lib/PageTypes');
|
|
var MatrixChat = sdk.getComponent('structures.MatrixChat');
|
|
var RoomDirectory = sdk.getComponent('structures.RoomDirectory');
|
|
var RoomPreviewBar = sdk.getComponent('rooms.RoomPreviewBar');
|
|
var RoomView = sdk.getComponent('structures.RoomView');
|
|
|
|
var React = require('react');
|
|
var ReactDOM = require('react-dom');
|
|
var ReactTestUtils = require('react-addons-test-utils');
|
|
var expect = require('expect');
|
|
import Promise from 'bluebird';
|
|
|
|
var test_utils = require('../test-utils');
|
|
var MockHttpBackend = require('matrix-mock-request');
|
|
|
|
var HS_URL='http://localhost';
|
|
var IS_URL='http://localhost';
|
|
var USER_ID='@me:localhost';
|
|
var ACCESS_TOKEN='access_token';
|
|
|
|
describe('joining a room', function () {
|
|
describe('over federation', function () {
|
|
var parentDiv;
|
|
var httpBackend;
|
|
var matrixChat;
|
|
|
|
beforeEach(function() {
|
|
test_utils.beforeEach(this);
|
|
httpBackend = new MockHttpBackend();
|
|
jssdk.request(httpBackend.requestFn);
|
|
parentDiv = document.createElement('div');
|
|
|
|
// uncomment this to actually add the div to the UI, to help with
|
|
// debugging (but slow things down)
|
|
// document.body.appendChild(parentDiv);
|
|
});
|
|
|
|
afterEach(function() {
|
|
if (parentDiv) {
|
|
ReactDOM.unmountComponentAtNode(parentDiv);
|
|
parentDiv.remove();
|
|
parentDiv = null;
|
|
}
|
|
});
|
|
|
|
it('should not get stuck at a spinner', function() {
|
|
var ROOM_ALIAS = '#alias:localhost';
|
|
var ROOM_ID = '!id:localhost';
|
|
|
|
httpBackend.when('GET', '/pushrules').respond(200, {});
|
|
httpBackend.when('POST', '/filter').respond(200, { filter_id: 'fid' });
|
|
|
|
// note that we deliberately do *not* set an expectation for a
|
|
// presence update - setting one makes the first httpBackend.flush
|
|
// return before the first /sync arrives.
|
|
|
|
// start with a logged-in client
|
|
localStorage.setItem("mx_hs_url", HS_URL );
|
|
localStorage.setItem("mx_is_url", IS_URL );
|
|
localStorage.setItem("mx_access_token", ACCESS_TOKEN );
|
|
localStorage.setItem("mx_user_id", USER_ID);
|
|
|
|
PlatformPeg.set(new Platform());
|
|
|
|
var mc = (
|
|
<MatrixChat config={{}}
|
|
makeRegistrationUrl={()=>{throw new Error("unimplemented");}}
|
|
initialScreenAfterLogin={{
|
|
screen: 'directory',
|
|
}}
|
|
/>
|
|
);
|
|
matrixChat = ReactDOM.render(mc, parentDiv);
|
|
|
|
var roomView;
|
|
|
|
// wait for /sync to happen. This may take some time, as the client
|
|
// has to initialise indexeddb.
|
|
console.log("waiting for /sync");
|
|
httpBackend.when('GET', '/sync')
|
|
.respond(200, {});
|
|
|
|
return httpBackend.flushAllExpected({
|
|
timeout: 1000,
|
|
}).then(() => {
|
|
// wait for the directory requests
|
|
httpBackend.when('POST', '/publicRooms').respond(200, {chunk: []});
|
|
httpBackend.when('GET', '/thirdparty/protocols').respond(200, {});
|
|
return httpBackend.flushAllExpected();
|
|
}).then(() => {
|
|
console.log(`${Date.now()} App made requests for directory view; switching to a room.`);
|
|
|
|
var roomDir = ReactTestUtils.findRenderedComponentWithType(
|
|
matrixChat, RoomDirectory);
|
|
|
|
// enter an alias in the input, and simulate enter
|
|
var input = ReactTestUtils.findRenderedDOMComponentWithTag(
|
|
roomDir, 'input');
|
|
input.value = ROOM_ALIAS;
|
|
ReactTestUtils.Simulate.change(input);
|
|
ReactTestUtils.Simulate.keyUp(input, {key: 'Enter'});
|
|
|
|
// that should create a roomview which will start a peek; wait
|
|
// for the peek.
|
|
httpBackend.when('GET', '/directory/room/'+encodeURIComponent(ROOM_ALIAS)).respond(200, { room_id: ROOM_ID });
|
|
httpBackend.when('GET', '/rooms/'+encodeURIComponent(ROOM_ID)+"/initialSync")
|
|
.respond(401, {errcode: 'M_GUEST_ACCESS_FORBIDDEN'});
|
|
|
|
return httpBackend.flushAllExpected();
|
|
}).then(() => {
|
|
console.log(`${Date.now()} App made room preview request`);
|
|
|
|
// we should now have a roomview
|
|
roomView = ReactTestUtils.findRenderedComponentWithType(
|
|
matrixChat, RoomView);
|
|
|
|
// the preview bar may take a tick to be displayed
|
|
return Promise.delay(1);
|
|
}).then(() => {
|
|
const previewBar = ReactTestUtils.findRenderedComponentWithType(
|
|
roomView, RoomPreviewBar);
|
|
|
|
const joinLink = ReactTestUtils.findRenderedDOMComponentWithTag(
|
|
previewBar, 'a');
|
|
|
|
ReactTestUtils.Simulate.click(joinLink);
|
|
|
|
httpBackend.when('POST', '/join/'+encodeURIComponent(ROOM_ALIAS))
|
|
.respond(200, {room_id: ROOM_ID});
|
|
}).then(() => {
|
|
// wait for the join request to be made
|
|
return Promise.delay(1);
|
|
}).then(() => {
|
|
// and again, because the state update has to go to the store and
|
|
// then one dispatch within the store, then to the view
|
|
// XXX: This is *super flaky*: a better way would be to declare
|
|
// that we expect a certain state transition to happen, then wait
|
|
// for that transition to occur.
|
|
return Promise.delay(1);
|
|
}).then(() => {
|
|
// the roomview should now be loading
|
|
expect(roomView.state.room).toBe(null);
|
|
expect(roomView.state.joining).toBe(true);
|
|
|
|
// there should be a spinner
|
|
ReactTestUtils.findRenderedDOMComponentWithClass(
|
|
roomView, "mx_Spinner");
|
|
|
|
// flush it through
|
|
return httpBackend.flush('/join/'+encodeURIComponent(ROOM_ALIAS));
|
|
}).then(() => {
|
|
httpBackend.verifyNoOutstandingExpectation();
|
|
|
|
return Promise.delay(1);
|
|
}).then(() => {
|
|
// NB. we don't expect the 'joining' flag to reset at any point:
|
|
// it will stay set and we observe whether we have Room object for
|
|
// the room and whether our member event shows we're joined.
|
|
|
|
// now send the room down the /sync pipe
|
|
httpBackend.when('GET', '/sync').
|
|
respond(200, {
|
|
rooms: {
|
|
join: {
|
|
[ROOM_ID]: {
|
|
state: {},
|
|
timeline: {
|
|
events: [],
|
|
limited: true,
|
|
},
|
|
},
|
|
},
|
|
},
|
|
});
|
|
return httpBackend.flush();
|
|
}).then(() => {
|
|
// now the room should have loaded
|
|
expect(roomView.state.room).toExist();
|
|
});
|
|
});
|
|
});
|
|
});
|