These instructions apply to testing all variants including control.
Start by creating a new profile.
In about:config, you should ensure the following preferences are set:
browser.search.region
toUS
{ | |
"messages": [ | |
{ | |
"id": "PREVIEW_SNIPPETS_DEFAULTS_SEND_TO_DEVICE", | |
"template": "send_to_device_snippet", | |
"content": { | |
"scene1_icon": "chrome://branding/content/icon64.png", | |
"scene1_text": "Browse without compromise with Firefox Mobile.", | |
"scene1_title": "Full-featured. Customizable. Lightning fast", | |
"scene2_button_label": "Send", |
Default wrapper width: 224px | |
Small breakpoint at min-width 416px: wrapper is 352px | |
Medium breakpoint at min-width 544px: wrapper is 480px | |
Large breakpoint at min-width 800px; wrapper is 736px |
/* First, install dependencies: | |
npm install webpack babel-loader babel-core babel-preset-react --save-dev | |
npm install react react-dom --save | |
Note: babel dependencies are not needed if you aren't using jsx) | |
*/ | |
// webpack.config.js | |
// Note: This assumes a "main.js" file in a src/ directory, and outputs "main.bundle.js" to a dist/ directory |
This is an answer to https://twitter.com/tinkeraway/status/701746408072855552:
Calling npm run foo -- [something]
just calls whatever is defined under the foo
script and adds [something]
to the end.
So if you have this in your scripts
:
{
"foo": "webpack"
}
const {InjectIntl} = require('react-intl'); | |
const Foo = React.CreateClass({ | |
render: () { | |
<div>{this.props.intl.formatMessage('string-key')}</div> | |
} | |
}); | |
module.exports = InjectIntl(Foo); |