2017-09-12 02:09:29 +02:00
|
|
|
import hash from 'string-hash';
|
|
|
|
|
2017-11-08 00:54:42 +01:00
|
|
|
const experiments = {
|
2018-01-31 20:46:29 +01:00
|
|
|
S9wqVl2SQ4ab2yZtqDI3Dw: {
|
|
|
|
id: 'S9wqVl2SQ4ab2yZtqDI3Dw',
|
2017-11-08 00:54:42 +01:00
|
|
|
run: function(variant, state, emitter) {
|
2018-01-31 20:46:29 +01:00
|
|
|
switch (variant) {
|
|
|
|
case 1:
|
|
|
|
state.promo = 'blue';
|
|
|
|
break;
|
|
|
|
case 2:
|
|
|
|
state.promo = 'pink';
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
state.promo = 'grey';
|
|
|
|
}
|
2017-11-08 00:54:42 +01:00
|
|
|
emitter.emit('render');
|
|
|
|
},
|
|
|
|
eligible: function() {
|
|
|
|
return (
|
|
|
|
!/firefox/i.test(navigator.userAgent) &&
|
|
|
|
document.querySelector('html').lang === 'en-US'
|
|
|
|
);
|
|
|
|
},
|
|
|
|
variant: function(state) {
|
2018-01-31 20:46:29 +01:00
|
|
|
const n = this.luckyNumber(state);
|
|
|
|
if (n < 0.33) {
|
|
|
|
return 0;
|
|
|
|
}
|
|
|
|
return n < 0.66 ? 1 : 2;
|
2017-11-08 00:54:42 +01:00
|
|
|
},
|
|
|
|
luckyNumber: function(state) {
|
|
|
|
return luckyNumber(
|
|
|
|
`${this.id}:${state.storage.get('testpilot_ga__cid')}`
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
2017-09-12 02:09:29 +02:00
|
|
|
|
|
|
|
//Returns a number between 0 and 1
|
2017-10-10 19:20:49 +02:00
|
|
|
// eslint-disable-next-line no-unused-vars
|
2017-09-12 02:09:29 +02:00
|
|
|
function luckyNumber(str) {
|
|
|
|
return hash(str) / 0xffffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
function checkExperiments(state, emitter) {
|
|
|
|
const all = Object.keys(experiments);
|
|
|
|
const id = all.find(id => experiments[id].eligible(state));
|
|
|
|
if (id) {
|
|
|
|
const variant = experiments[id].variant(state);
|
|
|
|
state.storage.enroll(id, variant);
|
|
|
|
experiments[id].run(variant, state, emitter);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default function initialize(state, emitter) {
|
|
|
|
emitter.on('DOMContentLoaded', () => {
|
|
|
|
const xp = experiments[state.query.x];
|
|
|
|
if (xp) {
|
2017-09-13 21:01:55 +02:00
|
|
|
xp.run(+state.query.v, state, emitter);
|
2017-09-12 02:09:29 +02:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
if (!state.storage.get('testpilot_ga__cid')) {
|
|
|
|
// first ever visit. check again after cid is assigned.
|
|
|
|
emitter.on('DOMContentLoaded', () => {
|
|
|
|
checkExperiments(state, emitter);
|
|
|
|
});
|
|
|
|
} else {
|
2017-11-08 00:54:42 +01:00
|
|
|
const enrolled = state.storage.enrolled.filter(([id, variant]) => {
|
2017-09-12 02:09:29 +02:00
|
|
|
const xp = experiments[id];
|
|
|
|
if (xp) {
|
|
|
|
xp.run(variant, state, emitter);
|
|
|
|
}
|
2017-11-08 00:54:42 +01:00
|
|
|
return !!xp;
|
2017-09-12 02:09:29 +02:00
|
|
|
});
|
|
|
|
// single experiment per session for now
|
|
|
|
if (enrolled.length === 0) {
|
|
|
|
checkExperiments(state, emitter);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|