Shinichi Tomita stomita

質問

現在、power-assertをbrowserify+espowerifyでブラウザ上でのテストに試していますが、espowerifyはsourceMapサポートと聞いた (http://efcl.info/2014/0411/res3820/) ので、以下のようにbrowserify に debugオプションを立ててsourceMapを出力するようにしています。

$ browserify test/foo.test.js -d -t espowerify -o ./browser-test/foo.test.js

（上記記事でazuさんはWebStormのデバッガで見ているようですが）こちらではtestemでテストを走らせ、Chrome上でSourceMap済のコードを参照していますが、そこではPowered後のソースが表示されてしまいます。 http://gyazo.com/db447920e6a4da38c522c68c4b74deef

	<apex:page showHeader="false"
	standardStylesheets="false"
	sidebar="false"
	contentType="text/html"
	applyBodyTag="false"
	applyHtmlTag="false"
	cache="true"
	docType="html-5.0">
	<html>
	<head>

	/*
	* browserify -t espowerify ./build/test/e2e/app001.test.js > ./build/test/e2e/app001.test-bundle-by-cmd.js
	*/
	//...
	'use strict';
	var assert = require('power-assert');
	describe('apptest001', function () {
	it('should raise', function () {
	assert(assert._expr(assert._capt(1 === 0, 'arguments/0'), {
	content: 'assert(1 === 0)',

	var connName = process.args[1];
	console.log('connection = ' + connName);
	var conn = jsforce.registry.getConnection(connName);
	conn.identity().then(function() {
	return conn.metadata.update('SecuritySettings', { fullName: 'Security', passwordPolicies: { expiration: 'Never' }});
	}).then(function() {
	return conn.metadata.update('Profile', { fullName: 'Admin', loginIpRanges: { startAddress:'0.0.0.0', endAddress: '255.255.255.255' } });
	});

	<apex:page showHeader="false" applyBodyTag="false" applyHtmlTag="false" docType="html-5.0">
	<html>
	<head>
	<title>Embed API Demo</title>
	</head>
	<body>

	<!-- Step 1: Create the containing elements. -->

	<section id="auth-button"></section>

	/* @flow */
	type NMap = { [key:string]: number }

	// これは当然だめ
	const map1: NMap = {
	a: 1,
	b: 2,
	c: 'a',
	};

	/**
	*
	*/
	import React, { createContext } from 'react';
	import { createStore } from 'redux';
	import { connect, Provider } from 'react-redux';
	import { render } from 'react-dom';
	import { compose, lifecycle, withStateHandlers, shouldUpdate } from 'recompose';

 /* @flow */
 import EventEmitter from 'events';
 import React, { type Node, type ComponentType } from 'react';
 import PropTypes from 'prop-types';
 /**
  * Mimics new context API using legacy context
  */
 type LegacyContextProvider<T> = ComponentType<{ value: T, children: Node }>;

	import { createStateHook } from 'react';

	export function createFormInputHook() {
	const useValueState = createStateHook();
	return (initialValue) => {
	const [value, setValue] = useValueState(initialValue);
	function onHandleChange(e) {
	setValue(e.target.value);
	}
	return { value, onChange: onHandleChange };