Mailspring/app/spec/components/evented-iframe-spec.tsx
Ben Gotow 149b389508
Replace Babel with TypeScript compiler, switch entire app to TypeScript 🎉 (#1404)
* Switch to using Typescript instead of Babel

* Switch all es6 / jsx file extensions to ts / tsx

* Convert Utils to a TS module from module.exports style module

* Move everything from module.exports to typescript exports

* Define .d.ts files for mailspring-exports and component kit… Yes it seems this is the best option :(

* Load up on those @types

* Synthesize TS types from PropTypes for standard components

* Add types to Model classes and move constructor constants to instance vars

* 9800 => 7700 TS errors

* 7700 => 5600 TS errors

* 5600 => 5330 TS errors

* 5330 => 4866 TS errors

* 4866 => 4426 TS errors

* 4426 => 2411 TS errors

* 2411 > 1598 TS errors

* 1598 > 769 TS errors

* 769 > 129 TS errors

* 129 > 22 TS errors

* Fix runtime errors

* More runtime error fixes

* Remove support for custom .es6 file extension

* Remove a few odd remaining references to Nylas

* Don’t ship Typescript support in the compiled app for now

* Fix issues in compiled app - module resolution in TS is case sensitive?

* README updates

* Fix a few more TS errors

* Make “No Signature” option clickable + selectable

* Remove flicker when saving file and reloading keymaps

* Fix mail rule item height in preferences

* Fix missing spacing in thread sharing popover

* Fix scrollbar ticks being nested incorrectly

* Add Japanese as a manually reviewed language

* Prevent the thread list from “sticking”

* Re-use Sheet when switching root tabs, prevent sidebar from resetting

* Ensure specs run

* Update package configuration to avoid shpping types

* Turn eslint back on - we will opt-in to the TS rules one by one
2019-03-04 11:03:12 -08:00

85 lines
3 KiB
TypeScript

import React from 'react';
import ReactTestUtils from 'react-dom/test-utils';
const EventedIFrame = require('../../src/components/evented-iframe').EventedIFrame;
describe('EventedIFrame', () =>
describe('link clicking behavior', function() {
beforeEach(function() {
this.frame = ReactTestUtils.renderIntoDocument(<EventedIFrame src="about:blank" />);
this.setAttributeSpy = jasmine.createSpy('setAttribute');
this.preventDefaultSpy = jasmine.createSpy('preventDefault');
this.openLinkSpy = jasmine.createSpy('openLink');
this.oldOpenLink = AppEnv.windowEventHandler.openLink;
AppEnv.windowEventHandler.openLink = this.openLinkSpy;
this.fakeEvent = href => {
return {
stopPropagation() {},
preventDefault: this.preventDefaultSpy,
target: {
getAttribute(attr) {
return href;
},
setAttribute: this.setAttributeSpy,
},
};
};
});
afterEach(function() {
AppEnv.windowEventHandler.openLink = this.oldOpenLink;
});
it('works for acceptable link types', function() {
const hrefs = [
'http://mailspring.com',
'https://www.mailspring.com',
'mailto:evan@mailspring.com',
'tel:8585311718',
'custom:www.mailspring.com',
];
for (let i = 0; i < hrefs.length; i++) {
const href = hrefs[i];
this.frame._onIFrameClick(this.fakeEvent(href));
expect(this.setAttributeSpy).not.toHaveBeenCalled();
expect(this.openLinkSpy).toHaveBeenCalled();
const { target } = this.openLinkSpy.calls[i].args[0];
const targetHref = this.openLinkSpy.calls[i].args[0].href;
expect(target).not.toBeDefined();
expect(targetHref).toBe(href);
}
});
it('corrects relative uris', function() {
const hrefs = ['mailspring.com', 'www.mailspring.com'];
for (let i = 0; i < hrefs.length; i++) {
const href = hrefs[i];
this.frame._onIFrameClick(this.fakeEvent(href));
expect(this.setAttributeSpy).toHaveBeenCalled();
const modifiedHref = this.setAttributeSpy.calls[i].args[1];
expect(modifiedHref).toBe(`http://${href}`);
}
});
it('corrects protocol-relative uris', function() {
const hrefs = ['//mailspring.com', '//www.mailspring.com'];
for (let i = 0; i < hrefs.length; i++) {
const href = hrefs[i];
this.frame._onIFrameClick(this.fakeEvent(href));
expect(this.setAttributeSpy).toHaveBeenCalled();
const modifiedHref = this.setAttributeSpy.calls[i].args[1];
expect(modifiedHref).toBe(`https:${href}`);
}
});
it('disallows malicious uris', function() {
const hrefs = ['file://usr/bin/bad'];
for (let href of Array.from(hrefs)) {
this.frame._onIFrameClick(this.fakeEvent(href));
expect(this.preventDefaultSpy).toHaveBeenCalled();
expect(this.openLinkSpy).not.toHaveBeenCalled();
}
});
}));