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.regiontoUS
| { | |
| "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); |