¿Es posible burlarse de document.cookie en JavaScript?

Question

document.cookie es como una cadena, pero no es una cadena. Para citar el ejemplo de la Mozilla doc:

document.cookie = "name=oeschger"; 
document.cookie = "favorite_food=tripe"; 
alert(document.cookie); 
// displays: name=oeschger;favorite_food=tripe 

Si ha intentado hacer una galleta simulada utilizando sólo una cadena, que le no obtener los mismos resultados:

var mockCookie = ""; 
mockCookie = "name=oeschger"; 
mockCookie = "favorite_food=tripe"; 
alert(mockCookie); 
// displays: favorite_food=tripe 

Por lo tanto, si desea para probar en unidad un módulo que opera en la cookie, y si desea utilizar una cookie simulada para esas pruebas, ¿podría hacerlo? ¿Cómo?

Answer 1

Puede crear un objeto con un setter 0 getter cookie. Aquí hay una implementación muy simple:

var mock = { 
    value_: '', 

    get cookie() { 
     return this.value_; 
    }, 

    set cookie(value) { 
     this.value_ += value + ';'; 
    } 
}; 

Puede que no funcione en todos los navegadores (especialmente IE). Actualización: ¡Solo funciona en navegadores compatibles con ECMAScript 5!

More about getter and setters.

mock.cookie = "name=oeschger"; 
mock.cookie = "favorite_food=tripe"; 
alert(mock.cookie); 
// displays: name=oeschger;favorite_food=tripe; 

DEMO

Answer 2

respuesta de

@Felix Rey es correcto, yo sólo quería señalar que existe una sintaxis alternativa para la definición de las incubadoras y captadores de ECMAScript 5:

function MockCookie() { 
    this.str = ''; 
    this.__defineGetter__('cookie', function() { 
    return this.str; 
    }); 
    this.__defineSetter__('cookie', function(s) { 
    this.str += (this.str ? ';' : '') + s; 
    return this.str; 
    }); 
} 
var mock = new MockCookie(); 
mock.cookie = 'name=oeschger'; 
mock.cookie = 'favorite_food=tripe'; 
mock.cookie; // => "name=oeschger;favorite_food=tripe" 

Y de nuevo , la mayoría de los navegadores son compatibles con ECMAScript 5 (definido por ECMA-262 5th Edition) pero no MSIE (o JScript).

Answer 3

Esta aplicación permite sobrescribir las cookies, y añade document.clearCookies()

(function (document) { 
    var cookies = {}; 
    document.__defineGetter__('cookie', function() { 
     var output = []; 
     for (var cookieName in cookies) { 
      output.push(cookieName + "=" + cookies[cookieName]); 
     } 
     return output.join(";"); 
    }); 
    document.__defineSetter__('cookie', function (s) { 
     var indexOfSeparator = s.indexOf("="); 
     var key = s.substr(0, indexOfSeparator); 
     var value = s.substring(indexOfSeparator + 1); 
     cookies[key] = value; 
     return key + "=" + value; 
    }); 
    document.clearCookies = function() { 
     cookies = {}; 
    }; 
})(document); 

Answer 4

Personalmente he podido secuestrar el objeto de documento. Una solución sencilla que parece funcionar para mí fue la siguiente ...

En la parte superior de mi escritura de la prueba i definir un objeto fakeCookie:

var fakeCookie = { 
    cookies: [], 
    set: function (k, v) { 
     this.cookies[k] = v; 
    }, 
    get: function (k) { 
     return this.cookies[k]; 
    }, 
    reset: function() { 
     this.cookies = []; 
    } 
}; 

Luego, en mi beforeeach() i defino mi galleta talón. (! En su lugar) Este intercepta llamadas básicamente a jQuery.cookie y llamar a la función de devolución de llamada que he definido (véase más adelante):

beforeEach(function() { 
    var cookieStub = sinon.stub(jQuery, "cookie", function() { 
     if (arguments.length > 1) { 
      fakeCookie.set(arguments[0], arguments[1]); 
     } 
     else { 
      return fakeCookie.get(arguments[0]); 
     } 
    }); 
}); 

Cada vez que i obtener o establecer un valor de cookie que utiliza mi fakeCookie en lugar de la real jQuery.cookie. Hace esto mirando el número de parámetros pasados ​​y deduce si es un get/set. Literalmente pegué esto y todo funcionó de inmediato. Espero que esto ayude !!