wikimedia/mediawiki-extensions-MultimediaViewer
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/MultimediaViewer synced 2024-11-30 19:04:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Better way to detect CORS support

Browse source 
The old technique doesn't work in Firefox and
doesn't always work in Chrome depending on
when you call it.

https://hacks.mozilla.org/2009/07/cross-site-xmlhttprequest-with-cors/

Also fixes some tests that weren't overloading
the right function and were hitting the real
feature detection check

Change-Id: I0a9d6b5654efb169860ddf7e5e0551efb825920c
This commit is contained in:
Gilles Dubuc 2014-02-24 15:34:46 +01:00 committed by Gergő Tisza
parent 79d72d391d
commit 75dbc72e6c
2 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
resources/mmv/provider/mmv.provider.Image.js
View file

@ -100,11 +100,18 @@
/**
* Checks whether the current browser supports AJAX preloading of images.
* This means that:
* - the browser supports CORS requests (large wiki farms usually host images on a
* separate domain) and
* - either AJAX and normal image loading uses the same cache (when an image is used by a CORS
* request, and then normally by setting img.src, it is only loaded once)
* - or (as is the case with Firefox) they are cached separately, but that can be changed by
* setting the crossOrigin attribute
* @return {boolean}
*/
Image.prototype.imagePreloadingSupported = function () {
// FIXME this is a *very* rough guess, but it'll work as the first estimation.
return 'crossOrigin' in new Image();
// This checks if the browser supports CORS requests in XHRs
return 'withCredentials' in new XMLHttpRequest();
};
mw.mmv.provider.Image = Image;

18
tests/qunit/provider/mmv.provider.Image.test.js
View file

@ -30,10 +30,8 @@
+ '8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC',
imageProvider = new mw.mmv.provider.Image();
imageProvider.performance = {
imagePreloadingSupported: function () { return false; },
recordEntry: $.noop
};
imageProvider.imagePreloadingSupported = function () { return false; };
imageProvider.performance.recordEntry = $.noop;
QUnit.stop();
imageProvider.get( url ).then( function( image ) {
@ -52,10 +50,8 @@
result,
imageProvider = new mw.mmv.provider.Image();
imageProvider.performance = {
imagePreloadingSupported: function () { return false; },
recordEntry: $.noop
};
imageProvider.imagePreloadingSupported = function () { return false; };
imageProvider.performance.recordEntry = $.noop;
QUnit.stop();
imageProvider.get( url ).then( function( image ) {
@ -85,10 +81,8 @@
QUnit.asyncTest( 'Image load fail test', 1, function ( assert ) {
var imageProvider = new mw.mmv.provider.Image();
imageProvider.performance = {
imagePreloadingSupported: function () { return false; },
recordEntry: $.noop
};
imageProvider.imagePreloadingSupported = function () { return false; };
imageProvider.performance.recordEntry = $.noop;
imageProvider.get( 'doesntexist.png' ).fail( function() {
assert.ok( true, 'fail handler was called' );