From 166ab3e9fad73c7617b4628b793086866c232249 Mon Sep 17 00:00:00 2001 From: Ethan Selzer Date: Wed, 1 Feb 2017 21:45:02 -0800 Subject: [PATCH] Test coverage --- .coveralls.yml | 1 + README.md | 6 +- coverage/coverage-final.json | 2 + coverage/lcov-report/base.css | 213 +++++++ coverage/lcov-report/index.html | 97 ++++ coverage/lcov-report/prettify.css | 1 + coverage/lcov-report/prettify.js | 1 + coverage/lcov-report/sort-arrow-sprite.png | Bin 0 -> 209 bytes coverage/lcov-report/sorter.js | 158 ++++++ .../src/ReactCursorPosition.js.html | 534 ++++++++++++++++++ coverage/lcov-report/src/index.html | 97 ++++ coverage/lcov.info | 86 +++ gulpfile.js | 59 ++ package.json | 16 +- scripts/jsdom.js | 41 ++ 15 files changed, 1306 insertions(+), 6 deletions(-) create mode 100644 .coveralls.yml create mode 100644 coverage/coverage-final.json create mode 100644 coverage/lcov-report/base.css create mode 100644 coverage/lcov-report/index.html create mode 100644 coverage/lcov-report/prettify.css create mode 100644 coverage/lcov-report/prettify.js create mode 100644 coverage/lcov-report/sort-arrow-sprite.png create mode 100644 coverage/lcov-report/sorter.js create mode 100644 coverage/lcov-report/src/ReactCursorPosition.js.html create mode 100644 coverage/lcov-report/src/index.html create mode 100644 coverage/lcov.info create mode 100644 gulpfile.js create mode 100644 scripts/jsdom.js diff --git a/.coveralls.yml b/.coveralls.yml new file mode 100644 index 00000000..967f260c --- /dev/null +++ b/.coveralls.yml @@ -0,0 +1 @@ +repo_token: LC9v28QWNScjK0gRCKYR3QrVkC8EGOFFE diff --git a/README.md b/README.md index 336ca790..79561f2c 100644 --- a/README.md +++ b/README.md @@ -5,9 +5,9 @@ A React component that decorates its children with mouse cursor coordinates, plo Safe for server rendering. ## Status -[![CircleCI](https://circleci.com/gh/ethanselzer/react-cursor-position.svg?style=svg)](https://circleci.com/gh/ethanselzer/react-cursor-position) - -[![npm](https://nodei.co/npm/react-cursor-position.svg?downloads=true)](https://nodei.co/npm/react-cursor-position/) +[![CircleCI](https://img.shields.io/circleci/project/github/ethanselzer/react-cursor-position.svg)](https://circleci.com/gh/ethanselzer/react-cursor-position) +[![Coverage Status](https://coveralls.io/repos/github/ethanselzer/react-cursor-position/badge.svg?branch=master)](https://coveralls.io/github/ethanselzer/react-cursor-position?branch=master) +[![npm](https://img.shields.io/npm/v/react-cursor-position.svg)](https://www.npmjs.com/package/react-cursor-position) ## Demo The react-image-magnify project depends on this package for mouse coordinate observation. diff --git a/coverage/coverage-final.json b/coverage/coverage-final.json new file mode 100644 index 00000000..cf1a3340 --- /dev/null +++ b/coverage/coverage-final.json @@ -0,0 +1,2 @@ +{ +"/Users/ethan.selzer/Code/react-cursor-position/src/ReactCursorPosition.js":{"path":"/Users/ethan.selzer/Code/react-cursor-position/src/ReactCursorPosition.js","s":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":2,"8":1,"9":21,"10":2,"11":6,"12":6,"13":1,"14":1,"15":1,"16":6,"17":6,"18":6,"19":6,"20":12,"21":6,"22":6,"23":6,"24":6,"25":6,"26":6,"27":6,"28":6,"29":6,"30":6,"31":6,"32":40,"33":40,"34":17,"35":33,"36":33,"37":40,"38":33,"39":33,"40":33},"b":{"1":[0,2],"2":[2,2],"3":[6,6],"4":[40,20],"5":[17,23]},"f":{"1":2,"2":21,"3":2,"4":6,"5":6,"6":1,"7":6,"8":12,"9":6,"10":6,"11":6,"12":40,"13":40,"14":17,"15":33,"16":40,"17":33},"fnMap":{"1":{"name":"_interopRequireDefault","line":15,"loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"skip":true},"2":{"name":"getInitialState","line":21,"loc":{"start":{"line":8,"column":33},"end":{"line":12,"column":22}}},"3":{"name":"getDefaultProps","line":43,"loc":{"start":{"line":8,"column":33},"end":{"line":33,"column":22}}},"4":{"name":"onCursorPositionChanged","line":45,"loc":{"start":{"line":35,"column":37},"end":{"line":35,"column":43}}},"5":{"name":"onMouseEnter","line":49,"loc":{"start":{"line":8,"column":33},"end":{"line":40,"column":20}}},"6":{"name":"onMouseLeave","line":53,"loc":{"start":{"line":8,"column":33},"end":{"line":45,"column":19}}},"7":{"name":"getDocumentRelativeElementOffset","line":60,"loc":{"start":{"line":8,"column":33},"end":{"line":57,"column":41}}},"8":{"name":"getRootOfEl","line":76,"loc":{"start":{"line":8,"column":33},"end":{"line":75,"column":20}}},"9":{"name":"onMouseMove","line":82,"loc":{"start":{"line":8,"column":33},"end":{"line":82,"column":19}}},"10":{"name":"getDocumentRelativeCursorPosition","line":90,"loc":{"start":{"line":8,"column":33},"end":{"line":94,"column":45}}},"11":{"name":"getOffsetCursorPosition","line":96,"loc":{"start":{"line":8,"column":33},"end":{"line":101,"column":75}}},"12":{"name":"isReactComponent","line":108,"loc":{"start":{"line":8,"column":33},"end":{"line":111,"column":35}}},"13":{"name":"shouldDecorateChild","line":111,"loc":{"start":{"line":8,"column":33},"end":{"line":115,"column":31}}},"14":{"name":"decorateChild","line":114,"loc":{"start":{"line":8,"column":33},"end":{"line":119,"column":32}}},"15":{"name":"renderChildrenWithProps","line":117,"loc":{"start":{"line":8,"column":33},"end":{"line":123,"column":45}}},"16":{"name":"(anonymous_16)","line":120,"loc":{"start":{"line":124,"column":38},"end":{"line":124,"column":49}}},"17":{"name":"render","line":124,"loc":{"start":{"line":8,"column":33},"end":{"line":129,"column":13}}}},"statementMap":{"1":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"2":{"start":{"line":1,"column":-15},"end":{"line":1,"column":-15}},"3":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"4":{"start":{"line":6,"column":0},"end":{"line":6,"column":0}},"5":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"6":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"7":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"8":{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},"9":{"start":{"line":13,"column":8},"end":{"line":13,"column":8}},"10":{"start":{"line":34,"column":8},"end":{"line":34,"column":8}},"11":{"start":{"line":41,"column":8},"end":{"line":41,"column":8}},"12":{"start":{"line":42,"column":8},"end":{"line":42,"column":8}},"13":{"start":{"line":46,"column":8},"end":{"line":46,"column":8}},"14":{"start":{"line":51,"column":8},"end":{"line":51,"column":8}},"15":{"start":{"line":54,"column":8},"end":{"line":54,"column":8}},"16":{"start":{"line":58,"column":8},"end":{"line":58,"column":8}},"17":{"start":{"line":57,"column":41},"end":{"line":57,"column":41}},"18":{"start":{"line":57,"column":41},"end":{"line":57,"column":41}},"19":{"start":{"line":69,"column":8},"end":{"line":69,"column":8}},"20":{"start":{"line":76,"column":8},"end":{"line":78,"column":9}},"21":{"start":{"line":77,"column":12},"end":{"line":77,"column":12}},"22":{"start":{"line":79,"column":8},"end":{"line":79,"column":8}},"23":{"start":{"line":83,"column":8},"end":{"line":83,"column":8}},"24":{"start":{"line":84,"column":8},"end":{"line":84,"column":8}},"25":{"start":{"line":85,"column":8},"end":{"line":85,"column":8}},"26":{"start":{"line":90,"column":8},"end":{"line":90,"column":8}},"27":{"start":{"line":91,"column":8},"end":{"line":91,"column":8}},"28":{"start":{"line":95,"column":8},"end":{"line":95,"column":8}},"29":{"start":{"line":101,"column":75},"end":{"line":101,"column":75}},"30":{"start":{"line":101,"column":75},"end":{"line":101,"column":75}},"31":{"start":{"line":105,"column":8},"end":{"line":105,"column":8}},"32":{"start":{"line":112,"column":8},"end":{"line":112,"column":8}},"33":{"start":{"line":116,"column":8},"end":{"line":116,"column":8}},"34":{"start":{"line":120,"column":8},"end":{"line":120,"column":8}},"35":{"start":{"line":123,"column":45},"end":{"line":123,"column":45}},"36":{"start":{"line":124,"column":8},"end":{"line":124,"column":8}},"37":{"start":{"line":125,"column":12},"end":{"line":125,"column":12}},"38":{"start":{"line":129,"column":13},"end":{"line":129,"column":13}},"39":{"start":{"line":131,"column":8},"end":{"line":131,"column":8}},"40":{"start":{"line":143,"column":8},"end":{"line":143,"column":8}}},"branchMap":{"1":{"line":15,"type":"cond-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"2":{"line":15,"type":"binary-expr","locations":[{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true},{"start":{"line":0,"column":0},"end":{"line":0,"column":0},"skip":true}]},"3":{"line":77,"type":"if","locations":[{"start":{"line":76,"column":8},"end":{"line":76,"column":8}},{"start":{"line":76,"column":8},"end":{"line":76,"column":8}}]},"4":{"line":112,"type":"binary-expr","locations":[{"start":{"line":116,"column":15},"end":{"line":116,"column":15}},{"start":{"line":116,"column":47},"end":{"line":116,"column":8}}]},"5":{"line":121,"type":"cond-expr","locations":[{"start":{"line":125,"column":53},"end":{"line":125,"column":19}},{"start":{"line":125,"column":88},"end":{"line":125,"column":12}}]}},"l":{"0":2,"1":1,"6":1,"13":21,"34":2,"41":6,"42":6,"46":1,"51":1,"54":1,"57":6,"58":6,"69":6,"76":12,"77":6,"79":6,"83":6,"84":6,"85":6,"90":6,"91":6,"95":6,"101":6,"105":6,"112":40,"116":40,"120":17,"123":33,"124":33,"125":40,"129":33,"131":33,"143":33}}} diff --git a/coverage/lcov-report/base.css b/coverage/lcov-report/base.css new file mode 100644 index 00000000..29737bcb --- /dev/null +++ b/coverage/lcov-report/base.css @@ -0,0 +1,213 @@ +body, html { + margin:0; padding: 0; + height: 100%; +} +body { + font-family: Helvetica Neue, Helvetica, Arial; + font-size: 14px; + color:#333; +} +.small { font-size: 12px; } +*, *:after, *:before { + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + } +h1 { font-size: 20px; margin: 0;} +h2 { font-size: 14px; } +pre { + font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace; + margin: 0; + padding: 0; + -moz-tab-size: 2; + -o-tab-size: 2; + tab-size: 2; +} +a { color:#0074D9; text-decoration:none; } +a:hover { text-decoration:underline; } +.strong { font-weight: bold; } +.space-top1 { padding: 10px 0 0 0; } +.pad2y { padding: 20px 0; } +.pad1y { padding: 10px 0; } +.pad2x { padding: 0 20px; } +.pad2 { padding: 20px; } +.pad1 { padding: 10px; } +.space-left2 { padding-left:55px; } +.space-right2 { padding-right:20px; } +.center { text-align:center; } +.clearfix { display:block; } +.clearfix:after { + content:''; + display:block; + height:0; + clear:both; + visibility:hidden; + } +.fl { float: left; } +@media only screen and (max-width:640px) { + .col3 { width:100%; max-width:100%; } + .hide-mobile { display:none!important; } +} + +.quiet { + color: #7f7f7f; + color: rgba(0,0,0,0.5); +} +.quiet a { opacity: 0.7; } + +.fraction { + font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; + font-size: 10px; + color: #555; + background: #E8E8E8; + padding: 4px 5px; + border-radius: 3px; + vertical-align: middle; +} + +div.path a:link, div.path a:visited { color: #333; } +table.coverage { + border-collapse: collapse; + margin: 10px 0 0 0; + padding: 0; +} + +table.coverage td { + margin: 0; + padding: 0; + vertical-align: top; +} +table.coverage td.line-count { + text-align: right; + padding: 0 5px 0 20px; +} +table.coverage td.line-coverage { + text-align: right; + padding-right: 10px; + min-width:20px; +} + +table.coverage td span.cline-any { + display: inline-block; + padding: 0 5px; + width: 100%; +} +.missing-if-branch { + display: inline-block; + margin-right: 5px; + border-radius: 3px; + position: relative; + padding: 0 4px; + background: #333; + color: yellow; +} + +.skip-if-branch { + display: none; + margin-right: 10px; + position: relative; + padding: 0 4px; + background: #ccc; + color: white; +} +.missing-if-branch .typ, .skip-if-branch .typ { + color: inherit !important; +} +.coverage-summary { + border-collapse: collapse; + width: 100%; +} +.coverage-summary tr { border-bottom: 1px solid #bbb; } +.keyline-all { border: 1px solid #ddd; } +.coverage-summary td, .coverage-summary th { padding: 10px; } +.coverage-summary tbody { border: 1px solid #bbb; } +.coverage-summary td { border-right: 1px solid #bbb; } +.coverage-summary td:last-child { border-right: none; } +.coverage-summary th { + text-align: left; + font-weight: normal; + white-space: nowrap; +} +.coverage-summary th.file { border-right: none !important; } +.coverage-summary th.pct { } +.coverage-summary th.pic, +.coverage-summary th.abs, +.coverage-summary td.pct, +.coverage-summary td.abs { text-align: right; } +.coverage-summary td.file { white-space: nowrap; } +.coverage-summary td.pic { min-width: 120px !important; } +.coverage-summary tfoot td { } + +.coverage-summary .sorter { + height: 10px; + width: 7px; + display: inline-block; + margin-left: 0.5em; + background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent; +} +.coverage-summary .sorted .sorter { + background-position: 0 -20px; +} +.coverage-summary .sorted-desc .sorter { + background-position: 0 -10px; +} +.status-line { height: 10px; } +/* dark red */ +.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 } +.low .chart { border:1px solid #C21F39 } +/* medium red */ +.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE } +/* light red */ +.low, .cline-no { background:#FCE1E5 } +/* light green */ +.high, .cline-yes { background:rgb(230,245,208) } +/* medium green */ +.cstat-yes { background:rgb(161,215,106) } +/* dark green */ +.status-line.high, .high .cover-fill { background:rgb(77,146,33) } +.high .chart { border:1px solid rgb(77,146,33) } +/* dark yellow (gold) */ +.medium .chart { border:1px solid #f9cd0b; } +.status-line.medium, .medium .cover-fill { background: #f9cd0b; } +/* light yellow */ +.medium { background: #fff4c2; } +/* light gray */ +span.cline-neutral { background: #eaeaea; } + +.cbranch-no { background: yellow !important; color: #111; } + +.cstat-skip { background: #ddd; color: #111; } +.fstat-skip { background: #ddd; color: #111 !important; } +.cbranch-skip { background: #ddd !important; color: #111; } + + +.cover-fill, .cover-empty { + display:inline-block; + height: 12px; +} +.chart { + line-height: 0; +} +.cover-empty { + background: white; +} +.cover-full { + border-right: none !important; +} +pre.prettyprint { + border: none !important; + padding: 0 !important; + margin: 0 !important; +} +.com { color: #999 !important; } +.ignore-none { color: #999; font-weight: normal; } + +.wrapper { + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -48px; +} +.footer, .push { + height: 48px; +} diff --git a/coverage/lcov-report/index.html b/coverage/lcov-report/index.html new file mode 100644 index 00000000..edbdcc6b --- /dev/null +++ b/coverage/lcov-report/index.html @@ -0,0 +1,97 @@ + + + + Code coverage report for All files + + + + + + + +
+
+

+ / +

+
+
+ 100% + Statements + 40/40 +
+
+ 100% + Branches + 10/10 +
+
+ 100% + Functions + 17/17 +
+
+ 100% + Lines + 33/33 +
+
+ 1 branch + Ignored      +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FileStatementsBranchesFunctionsLines
src/
100%40/40100%10/10100%17/17100%33/33
+
+
+ + + + + + + diff --git a/coverage/lcov-report/prettify.css b/coverage/lcov-report/prettify.css new file mode 100644 index 00000000..b317a7cd --- /dev/null +++ b/coverage/lcov-report/prettify.css @@ -0,0 +1 @@ +.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee} diff --git a/coverage/lcov-report/prettify.js b/coverage/lcov-report/prettify.js new file mode 100644 index 00000000..ef51e038 --- /dev/null +++ b/coverage/lcov-report/prettify.js @@ -0,0 +1 @@ +window.PR_SHOULD_USE_CONTINUATION=true;(function(){var h=["break,continue,do,else,for,if,return,while"];var u=[h,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"];var p=[u,"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"];var l=[p,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"];var x=[p,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"];var R=[x,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"];var r="all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes";var w=[p,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"];var s="caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END";var I=[h,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"];var f=[h,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"];var H=[h,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"];var A=[l,R,w,s+I,f,H];var e=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/;var C="str";var z="kwd";var j="com";var O="typ";var G="lit";var L="pun";var F="pln";var m="tag";var E="dec";var J="src";var P="atn";var n="atv";var N="nocode";var M="(?:^^\\.?|[+-]|\\!|\\!=|\\!==|\\#|\\%|\\%=|&|&&|&&=|&=|\\(|\\*|\\*=|\\+=|\\,|\\-=|\\->|\\/|\\/=|:|::|\\;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\?|\\@|\\[|\\^|\\^=|\\^\\^|\\^\\^=|\\{|\\||\\|=|\\|\\||\\|\\|=|\\~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*";function k(Z){var ad=0;var S=false;var ac=false;for(var V=0,U=Z.length;V122)){if(!(al<65||ag>90)){af.push([Math.max(65,ag)|32,Math.min(al,90)|32])}if(!(al<97||ag>122)){af.push([Math.max(97,ag)&~32,Math.min(al,122)&~32])}}}}af.sort(function(av,au){return(av[0]-au[0])||(au[1]-av[1])});var ai=[];var ap=[NaN,NaN];for(var ar=0;arat[0]){if(at[1]+1>at[0]){an.push("-")}an.push(T(at[1]))}}an.push("]");return an.join("")}function W(al){var aj=al.source.match(new RegExp("(?:\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]|\\\\u[A-Fa-f0-9]{4}|\\\\x[A-Fa-f0-9]{2}|\\\\[0-9]+|\\\\[^ux0-9]|\\(\\?[:!=]|[\\(\\)\\^]|[^\\x5B\\x5C\\(\\)\\^]+)","g"));var ah=aj.length;var an=[];for(var ak=0,am=0;ak=2&&ai==="["){aj[ak]=X(ag)}else{if(ai!=="\\"){aj[ak]=ag.replace(/[a-zA-Z]/g,function(ao){var ap=ao.charCodeAt(0);return"["+String.fromCharCode(ap&~32,ap|32)+"]"})}}}}return aj.join("")}var aa=[];for(var V=0,U=Z.length;V=0;){S[ac.charAt(ae)]=Y}}var af=Y[1];var aa=""+af;if(!ag.hasOwnProperty(aa)){ah.push(af);ag[aa]=null}}ah.push(/[\0-\uffff]/);V=k(ah)})();var X=T.length;var W=function(ah){var Z=ah.sourceCode,Y=ah.basePos;var ad=[Y,F];var af=0;var an=Z.match(V)||[];var aj={};for(var ae=0,aq=an.length;ae=5&&"lang-"===ap.substring(0,5);if(am&&!(ai&&typeof ai[1]==="string")){am=false;ap=J}if(!am){aj[ag]=ap}}var ab=af;af+=ag.length;if(!am){ad.push(Y+ab,ap)}else{var al=ai[1];var ak=ag.indexOf(al);var ac=ak+al.length;if(ai[2]){ac=ag.length-ai[2].length;ak=ac-al.length}var ar=ap.substring(5);B(Y+ab,ag.substring(0,ak),W,ad);B(Y+ab+ak,al,q(ar,al),ad);B(Y+ab+ac,ag.substring(ac),W,ad)}}ah.decorations=ad};return W}function i(T){var W=[],S=[];if(T.tripleQuotedStrings){W.push([C,/^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,null,"'\""])}else{if(T.multiLineStrings){W.push([C,/^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,null,"'\"`"])}else{W.push([C,/^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,null,"\"'"])}}if(T.verbatimStrings){S.push([C,/^@\"(?:[^\"]|\"\")*(?:\"|$)/,null])}var Y=T.hashComments;if(Y){if(T.cStyleComments){if(Y>1){W.push([j,/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,null,"#"])}else{W.push([j,/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\r\n]*)/,null,"#"])}S.push([C,/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,null])}else{W.push([j,/^#[^\r\n]*/,null,"#"])}}if(T.cStyleComments){S.push([j,/^\/\/[^\r\n]*/,null]);S.push([j,/^\/\*[\s\S]*?(?:\*\/|$)/,null])}if(T.regexLiterals){var X=("/(?=[^/*])(?:[^/\\x5B\\x5C]|\\x5C[\\s\\S]|\\x5B(?:[^\\x5C\\x5D]|\\x5C[\\s\\S])*(?:\\x5D|$))+/");S.push(["lang-regex",new RegExp("^"+M+"("+X+")")])}var V=T.types;if(V){S.push([O,V])}var U=(""+T.keywords).replace(/^ | $/g,"");if(U.length){S.push([z,new RegExp("^(?:"+U.replace(/[\s,]+/g,"|")+")\\b"),null])}W.push([F,/^\s+/,null," \r\n\t\xA0"]);S.push([G,/^@[a-z_$][a-z_$@0-9]*/i,null],[O,/^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/,null],[F,/^[a-z_$][a-z_$@0-9]*/i,null],[G,new RegExp("^(?:0x[a-f0-9]+|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)(?:e[+\\-]?\\d+)?)[a-z]*","i"),null,"0123456789"],[F,/^\\[\s\S]?/,null],[L,/^.[^\s\w\.$@\'\"\`\/\#\\]*/,null]);return g(W,S)}var K=i({keywords:A,hashComments:true,cStyleComments:true,multiLineStrings:true,regexLiterals:true});function Q(V,ag){var U=/(?:^|\s)nocode(?:\s|$)/;var ab=/\r\n?|\n/;var ac=V.ownerDocument;var S;if(V.currentStyle){S=V.currentStyle.whiteSpace}else{if(window.getComputedStyle){S=ac.defaultView.getComputedStyle(V,null).getPropertyValue("white-space")}}var Z=S&&"pre"===S.substring(0,3);var af=ac.createElement("LI");while(V.firstChild){af.appendChild(V.firstChild)}var W=[af];function ae(al){switch(al.nodeType){case 1:if(U.test(al.className)){break}if("BR"===al.nodeName){ad(al);if(al.parentNode){al.parentNode.removeChild(al)}}else{for(var an=al.firstChild;an;an=an.nextSibling){ae(an)}}break;case 3:case 4:if(Z){var am=al.nodeValue;var aj=am.match(ab);if(aj){var ai=am.substring(0,aj.index);al.nodeValue=ai;var ah=am.substring(aj.index+aj[0].length);if(ah){var ak=al.parentNode;ak.insertBefore(ac.createTextNode(ah),al.nextSibling)}ad(al);if(!ai){al.parentNode.removeChild(al)}}}break}}function ad(ak){while(!ak.nextSibling){ak=ak.parentNode;if(!ak){return}}function ai(al,ar){var aq=ar?al.cloneNode(false):al;var ao=al.parentNode;if(ao){var ap=ai(ao,1);var an=al.nextSibling;ap.appendChild(aq);for(var am=an;am;am=an){an=am.nextSibling;ap.appendChild(am)}}return aq}var ah=ai(ak.nextSibling,0);for(var aj;(aj=ah.parentNode)&&aj.nodeType===1;){ah=aj}W.push(ah)}for(var Y=0;Y=S){ah+=2}if(V>=ap){Z+=2}}}var t={};function c(U,V){for(var S=V.length;--S>=0;){var T=V[S];if(!t.hasOwnProperty(T)){t[T]=U}else{if(window.console){console.warn("cannot override language handler %s",T)}}}}function q(T,S){if(!(T&&t.hasOwnProperty(T))){T=/^\s*]*(?:>|$)/],[j,/^<\!--[\s\S]*?(?:-\->|$)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],[L,/^(?:<[%?]|[%?]>)/],["lang-",/^]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-js",/^]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),["default-markup","htm","html","mxml","xhtml","xml","xsl"]);c(g([[F,/^[\s]+/,null," \t\r\n"],[n,/^(?:\"[^\"]*\"?|\'[^\']*\'?)/,null,"\"'"]],[[m,/^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],[P,/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],[L,/^[=<>\/]+/],["lang-js",/^on\w+\s*=\s*\"([^\"]+)\"/i],["lang-js",/^on\w+\s*=\s*\'([^\']+)\'/i],["lang-js",/^on\w+\s*=\s*([^\"\'>\s]+)/i],["lang-css",/^style\s*=\s*\"([^\"]+)\"/i],["lang-css",/^style\s*=\s*\'([^\']+)\'/i],["lang-css",/^style\s*=\s*([^\"\'>\s]+)/i]]),["in.tag"]);c(g([],[[n,/^[\s\S]+/]]),["uq.val"]);c(i({keywords:l,hashComments:true,cStyleComments:true,types:e}),["c","cc","cpp","cxx","cyc","m"]);c(i({keywords:"null,true,false"}),["json"]);c(i({keywords:R,hashComments:true,cStyleComments:true,verbatimStrings:true,types:e}),["cs"]);c(i({keywords:x,cStyleComments:true}),["java"]);c(i({keywords:H,hashComments:true,multiLineStrings:true}),["bsh","csh","sh"]);c(i({keywords:I,hashComments:true,multiLineStrings:true,tripleQuotedStrings:true}),["cv","py"]);c(i({keywords:s,hashComments:true,multiLineStrings:true,regexLiterals:true}),["perl","pl","pm"]);c(i({keywords:f,hashComments:true,multiLineStrings:true,regexLiterals:true}),["rb"]);c(i({keywords:w,cStyleComments:true,regexLiterals:true}),["js"]);c(i({keywords:r,hashComments:3,cStyleComments:true,multilineStrings:true,tripleQuotedStrings:true,regexLiterals:true}),["coffee"]);c(g([],[[C,/^[\s\S]+/]]),["regex"]);function d(V){var U=V.langExtension;try{var S=a(V.sourceNode);var T=S.sourceCode;V.sourceCode=T;V.spans=S.spans;V.basePos=0;q(U,T)(V);D(V)}catch(W){if("console" in window){console.log(W&&W.stack?W.stack:W)}}}function y(W,V,U){var S=document.createElement("PRE");S.innerHTML=W;if(U){Q(S,U)}var T={langExtension:V,numberLines:U,sourceNode:S};d(T);return S.innerHTML}function b(ad){function Y(af){return document.getElementsByTagName(af)}var ac=[Y("pre"),Y("code"),Y("xmp")];var T=[];for(var aa=0;aa=0){var ah=ai.match(ab);var am;if(!ah&&(am=o(aj))&&"CODE"===am.tagName){ah=am.className.match(ab)}if(ah){ah=ah[1]}var al=false;for(var ak=aj.parentNode;ak;ak=ak.parentNode){if((ak.tagName==="pre"||ak.tagName==="code"||ak.tagName==="xmp")&&ak.className&&ak.className.indexOf("prettyprint")>=0){al=true;break}}if(!al){var af=aj.className.match(/\blinenums\b(?::(\d+))?/);af=af?af[1]&&af[1].length?+af[1]:true:false;if(af){Q(aj,af)}S={langExtension:ah,sourceNode:aj,numberLines:af};d(S)}}}if(X]*(?:>|$)/],[PR.PR_COMMENT,/^<\!--[\s\S]*?(?:-\->|$)/],[PR.PR_PUNCTUATION,/^(?:<[%?]|[%?]>)/],["lang-",/^<\?([\s\S]+?)(?:\?>|$)/],["lang-",/^<%([\s\S]+?)(?:%>|$)/],["lang-",/^]*>([\s\S]+?)<\/xmp\b[^>]*>/i],["lang-handlebars",/^]*type\s*=\s*['"]?text\/x-handlebars-template['"]?\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-js",/^]*>([\s\S]*?)(<\/script\b[^>]*>)/i],["lang-css",/^]*>([\s\S]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i],[PR.PR_DECLARATION,/^{{[#^>/]?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{&?\s*[\w.][^}]*}}/],[PR.PR_DECLARATION,/^{{{>?\s*[\w.][^}]*}}}/],[PR.PR_COMMENT,/^{{![^}]*}}/]]),["handlebars","hbs"]);PR.registerLangHandler(PR.createSimpleLexer([[PR.PR_PLAIN,/^[ \t\r\n\f]+/,null," \t\r\n\f"]],[[PR.PR_STRING,/^\"(?:[^\n\r\f\\\"]|\\(?:\r\n?|\n|\f)|\\[\s\S])*\"/,null],[PR.PR_STRING,/^\'(?:[^\n\r\f\\\']|\\(?:\r\n?|\n|\f)|\\[\s\S])*\'/,null],["lang-css-str",/^url\(([^\)\"\']*)\)/i],[PR.PR_KEYWORD,/^(?:url|rgb|\!important|@import|@page|@media|@charset|inherit)(?=[^\-\w]|$)/i,null],["lang-css-kw",/^(-?(?:[_a-z]|(?:\\[0-9a-f]+ ?))(?:[_a-z0-9\-]|\\(?:\\[0-9a-f]+ ?))*)\s*:/i],[PR.PR_COMMENT,/^\/\*[^*]*\*+(?:[^\/*][^*]*\*+)*\//],[PR.PR_COMMENT,/^(?:)/],[PR.PR_LITERAL,/^(?:\d+|\d*\.\d+)(?:%|[a-z]+)?/i],[PR.PR_LITERAL,/^#(?:[0-9a-f]{3}){1,2}/i],[PR.PR_PLAIN,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i],[PR.PR_PUNCTUATION,/^[^\s\w\'\"]+/]]),["css"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_KEYWORD,/^-?(?:[_a-z]|(?:\\[\da-f]+ ?))(?:[_a-z\d\-]|\\(?:\\[\da-f]+ ?))*/i]]),["css-kw"]);PR.registerLangHandler(PR.createSimpleLexer([],[[PR.PR_STRING,/^[^\)\"\']+/]]),["css-str"]); diff --git a/coverage/lcov-report/sort-arrow-sprite.png b/coverage/lcov-report/sort-arrow-sprite.png new file mode 100644 index 0000000000000000000000000000000000000000..03f704a609c6fd0dbfdac63466a7d7c958b5cbf3 GIT binary patch literal 209 zcmeAS@N?(olHy`uVBq!ia0vp^>_9Bd!3HEZxJ@+%Qj#UE5hcO-X(i=}MX3yqDfvmM z3ZA)%>8U}fi7AzZCsS>Jii$m5978H@?Fn+^JD|Y9yzj{W`447Gxa{7*dM7nnnD-Lb z6^}Hx2)'; + } + } + return cols; + } + // attaches a data attribute to every tr element with an object + // of data values keyed by column name + function loadRowData(tableRow) { + var tableCols = tableRow.querySelectorAll('td'), + colNode, + col, + data = {}, + i, + val; + for (i = 0; i < tableCols.length; i += 1) { + colNode = tableCols[i]; + col = cols[i]; + val = colNode.getAttribute('data-value'); + if (col.type === 'number') { + val = Number(val); + } + data[col.key] = val; + } + return data; + } + // loads all row data + function loadData() { + var rows = getTableBody().querySelectorAll('tr'), + i; + + for (i = 0; i < rows.length; i += 1) { + rows[i].data = loadRowData(rows[i]); + } + } + // sorts the table using the data for the ith column + function sortByIndex(index, desc) { + var key = cols[index].key, + sorter = function (a, b) { + a = a.data[key]; + b = b.data[key]; + return a < b ? -1 : a > b ? 1 : 0; + }, + finalSorter = sorter, + tableBody = document.querySelector('.coverage-summary tbody'), + rowNodes = tableBody.querySelectorAll('tr'), + rows = [], + i; + + if (desc) { + finalSorter = function (a, b) { + return -1 * sorter(a, b); + }; + } + + for (i = 0; i < rowNodes.length; i += 1) { + rows.push(rowNodes[i]); + tableBody.removeChild(rowNodes[i]); + } + + rows.sort(finalSorter); + + for (i = 0; i < rows.length; i += 1) { + tableBody.appendChild(rows[i]); + } + } + // removes sort indicators for current column being sorted + function removeSortIndicators() { + var col = getNthColumn(currentSort.index), + cls = col.className; + + cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, ''); + col.className = cls; + } + // adds sort indicators for current column being sorted + function addSortIndicators() { + getNthColumn(currentSort.index).className += currentSort.desc ? ' sorted-desc' : ' sorted'; + } + // adds event listeners for all sorter widgets + function enableUI() { + var i, + el, + ithSorter = function ithSorter(i) { + var col = cols[i]; + + return function () { + var desc = col.defaultDescSort; + + if (currentSort.index === i) { + desc = !currentSort.desc; + } + sortByIndex(i, desc); + removeSortIndicators(); + currentSort.index = i; + currentSort.desc = desc; + addSortIndicators(); + }; + }; + for (i =0 ; i < cols.length; i += 1) { + if (cols[i].sortable) { + // add the click event handler on the th so users + // dont have to click on those tiny arrows + el = getNthColumn(i).querySelector('.sorter').parentElement; + if (el.addEventListener) { + el.addEventListener('click', ithSorter(i)); + } else { + el.attachEvent('onclick', ithSorter(i)); + } + } + } + } + // adds sorting functionality to the UI + return function () { + if (!getTable()) { + return; + } + cols = loadColumns(); + loadData(cols); + addSortIndicators(); + enableUI(); + }; +})(); + +window.addEventListener('load', addSorting); diff --git a/coverage/lcov-report/src/ReactCursorPosition.js.html b/coverage/lcov-report/src/ReactCursorPosition.js.html new file mode 100644 index 00000000..724a662f --- /dev/null +++ b/coverage/lcov-report/src/ReactCursorPosition.js.html @@ -0,0 +1,534 @@ + + + + Code coverage report for src/ReactCursorPosition.js + + + + + + + +
+
+

+ all files / src/ ReactCursorPosition.js +

+
+
+ 100% + Statements + 40/40 +
+
+ 100% + Branches + 10/10 +
+
+ 100% + Functions + 17/17 +
+
+ 100% + Lines + 33/33 +
+
+ 1 branch + Ignored      +
+
+
+
+

+
+
1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 +13 +14 +15 +16 +17 +18 +19 +20 +21 +22 +23 +24 +25 +26 +27 +28 +29 +30 +31 +32 +33 +34 +35 +36 +37 +38 +39 +40 +41 +42 +43 +44 +45 +46 +47 +48 +49 +50 +51 +52 +53 +54 +55 +56 +57 +58 +59 +60 +61 +62 +63 +64 +65 +66 +67 +68 +69 +70 +71 +72 +73 +74 +75 +76 +77 +78 +79 +80 +81 +82 +83 +84 +85 +86 +87 +88 +89 +90 +91 +92 +93 +94 +95 +96 +97 +98 +99 +100 +101 +102 +103 +104 +105 +106 +107 +108 +109 +110 +111 +112 +113 +114 +115 +116 +117 +118 +119 +120 +121 +122 +123 +124 +125 +126 +127 +128 +129 +130 +131 +132 +133 +134 +135 +136 +137 +138 +139 +140 +141 +142 +143 +144 +145 +146 +147 +148 +149 +150 +151 +152 +153 +154 +155 +156 +  +  +  +  + +  +  +  +  +  +  +21× +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  +  + +  +  +  +  +  +  + + +  +  +  + +  +  +  +  + +  +  + +  +  + + +  +  +  +  +  +  +  +  +  +  + +  +  +  +  +  +  +12× + +  + +  +  +  + + + +  +  +  +  + + +  +  +  + +  +  +  +  +  + +  +  +  + +  +  +  +  +  +  +40× +  +  +  +40× +  +  +  +17× +  +  +33× +33× +40× +  +  +  +33× +  +33× +  +  +  +  +  +  +  +  +  +  +  +33× +  +  +  +  +  +  +  +  +  +  +  +  + 
import React, {
+    Children,
+    cloneElement,
+    PropTypes
+} from 'react';
+import omit from 'lodash.omit';
+ 
+export default React.createClass({
+ 
+    displayName: 'ReactCursorPosition',
+ 
+    getInitialState() {
+        return {
+            elementOffset: {
+                x: 0,
+                y: 0
+            },
+            cursorPosition: {
+                x: 0,
+                y: 0,
+                isOutside: true
+            }
+        };
+    },
+ 
+    propTypes: {
+        className: PropTypes.string,
+        onCursorPositionChanged: PropTypes.func,
+        shouldDecorateChildren: PropTypes.bool,
+        style: PropTypes.object
+    },
+ 
+    getDefaultProps() {
+        return {
+            onCursorPositionChanged: () => {},
+            shouldDecorateChildren: true
+        };
+    },
+ 
+    onMouseEnter(e) {
+        const elementOffset = this.getDocumentRelativeElementOffset(e.currentTarget);
+        this.setState({ elementOffset });
+    },
+ 
+    onMouseLeave() {
+        const cursorPosition = Object.assign(
+            {},
+            this.state.cursorPosition,
+            { isOutside: true }
+        );
+        this.setState({
+            cursorPosition
+        });
+        this.props.onCursorPositionChanged(cursorPosition);
+    },
+ 
+    getDocumentRelativeElementOffset(el) {
+        const rootEl = this.getRootOfEl(el);
+        const {
+            left: docLeft,
+            top: docTop
+        } = rootEl.getBoundingClientRect();
+ 
+        const {
+            left: elLeft,
+            top: elTop
+        } = el.getBoundingClientRect();
+ 
+        return {
+            x: Math.abs(docLeft) + elLeft,
+            y: Math.abs(docTop) + elTop
+        };
+    },
+ 
+    getRootOfEl(el) {
+        if (el.parentElement) {
+            return this.getRootOfEl(el.parentElement);
+        }
+        return el;
+    },
+ 
+    onMouseMove(e) {
+        const cursorPosition = this.getDocumentRelativeCursorPosition(e);
+        const elementOffset = this.state.elementOffset;
+        const offsetCursorPosition = Object.assign(
+            { isOutside: false },
+            this.getOffsetCursorPosition(cursorPosition, elementOffset)
+        );
+ 
+        this.setState({ cursorPosition: offsetCursorPosition });
+        this.props.onCursorPositionChanged(offsetCursorPosition);
+    },
+ 
+    getDocumentRelativeCursorPosition(event) {
+        return {
+            x: event.pageX,
+            y: event.pageY
+        };
+    },
+ 
+    getOffsetCursorPosition(documentRelativeCursorPosition, elementOffset) {
+        const { x: cursorX, y: cursorY } = documentRelativeCursorPosition;
+        const { x: offsetX, y: offsetY } = elementOffset;
+ 
+        return {
+            x: cursorX - offsetX,
+            y: cursorY - offsetY
+        };
+    },
+ 
+    isReactComponent(reactElement) {
+        return typeof reactElement.type === 'function';
+    },
+ 
+    shouldDecorateChild(child) {
+        return this.isReactComponent(child) && this.props.shouldDecorateChildren;
+    },
+ 
+    decorateChild(child, props) {
+        return cloneElement(child, props);
+    },
+ 
+    renderChildrenWithProps(children, props) {
+        return Children.map(children, (child) => {
+            return this.shouldDecorateChild(child) ? this.decorateChild(child, props) : child;
+        });
+    },
+ 
+    render() {
+        const { children, className, style } = this.props;
+        const childProps = Object.assign(
+            {},
+            { cursorPosition: this.state.cursorPosition },
+            omit(this.props, [
+                'children',
+                'className',
+                'onCursorPositionChanged',
+                'shouldDecorateChildren',
+                'style'
+            ])
+        );
+ 
+        return (
+            <div { ...{
+                className,
+                onMouseMove: this.onMouseMove,
+                onMouseEnter: this.onMouseEnter,
+                onMouseLeave: this.onMouseLeave,
+                style
+            }}>
+                { this.renderChildrenWithProps(children, childProps) }
+            </div>
+        );
+    }
+});
+ 
+
+
+ + + + + + + diff --git a/coverage/lcov-report/src/index.html b/coverage/lcov-report/src/index.html new file mode 100644 index 00000000..5cf0283c --- /dev/null +++ b/coverage/lcov-report/src/index.html @@ -0,0 +1,97 @@ + + + + Code coverage report for src/ + + + + + + + +
+
+

+ all files src/ +

+
+
+ 100% + Statements + 40/40 +
+
+ 100% + Branches + 10/10 +
+
+ 100% + Functions + 17/17 +
+
+ 100% + Lines + 33/33 +
+
+ 1 branch + Ignored      +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FileStatementsBranchesFunctionsLines
ReactCursorPosition.js
100%40/40100%10/10100%17/17100%33/33
+
+
+ + + + + + + diff --git a/coverage/lcov.info b/coverage/lcov.info new file mode 100644 index 00000000..a199ce95 --- /dev/null +++ b/coverage/lcov.info @@ -0,0 +1,86 @@ +TN: +SF:/Users/ethan.selzer/Code/react-cursor-position/src/ReactCursorPosition.js +FN:15,_interopRequireDefault +FN:21,getInitialState +FN:43,getDefaultProps +FN:45,onCursorPositionChanged +FN:49,onMouseEnter +FN:53,onMouseLeave +FN:60,getDocumentRelativeElementOffset +FN:76,getRootOfEl +FN:82,onMouseMove +FN:90,getDocumentRelativeCursorPosition +FN:96,getOffsetCursorPosition +FN:108,isReactComponent +FN:111,shouldDecorateChild +FN:114,decorateChild +FN:117,renderChildrenWithProps +FN:120,(anonymous_16) +FN:124,render +FNF:17 +FNH:17 +FNDA:2,_interopRequireDefault +FNDA:21,getInitialState +FNDA:2,getDefaultProps +FNDA:6,onCursorPositionChanged +FNDA:6,onMouseEnter +FNDA:1,onMouseLeave +FNDA:6,getDocumentRelativeElementOffset +FNDA:12,getRootOfEl +FNDA:6,onMouseMove +FNDA:6,getDocumentRelativeCursorPosition +FNDA:6,getOffsetCursorPosition +FNDA:40,isReactComponent +FNDA:40,shouldDecorateChild +FNDA:17,decorateChild +FNDA:33,renderChildrenWithProps +FNDA:40,(anonymous_16) +FNDA:33,render +DA:0,2 +DA:1,1 +DA:6,1 +DA:13,21 +DA:34,2 +DA:41,6 +DA:42,6 +DA:46,1 +DA:51,1 +DA:54,1 +DA:57,6 +DA:58,6 +DA:69,6 +DA:76,12 +DA:77,6 +DA:79,6 +DA:83,6 +DA:84,6 +DA:85,6 +DA:90,6 +DA:91,6 +DA:95,6 +DA:101,6 +DA:105,6 +DA:112,40 +DA:116,40 +DA:120,17 +DA:123,33 +DA:124,33 +DA:125,40 +DA:129,33 +DA:131,33 +DA:143,33 +LF:33 +LH:33 +BRDA:15,1,0,0 +BRDA:15,1,1,2 +BRDA:15,2,0,2 +BRDA:15,2,1,2 +BRDA:77,3,0,6 +BRDA:77,3,1,6 +BRDA:112,4,0,40 +BRDA:112,4,1,20 +BRDA:121,5,0,17 +BRDA:121,5,1,23 +BRF:10 +BRH:10 +end_of_record diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 00000000..5697adce --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,59 @@ +'use strict'; + +var gulp = require('gulp'); +var gutil = require('gulp-util'); +var mocha = require('gulp-mocha'); +var istanbul = require('gulp-istanbul'); +var coveralls = require('gulp-coveralls'); +var isparta = require('isparta'); +var runSequence = require('run-sequence'); + +// Transform all required files with Babel +require('babel-core/register'); + +var TEST_FILES = 'src/__tests__/*.spec.js'; +var SRC_FILES = 'src/*.js'; + +gulp.task('test', function () { + return gulp.src(TEST_FILES, { read: false }) + .pipe(mocha({ + require: [__dirname + '/scripts/jsdom'] // Prepare jsdom environement + })); +}); + +gulp.task('coverage:instrument', function () { + return gulp.src(SRC_FILES) + .pipe(istanbul({ + instrumenter: isparta.Instrumenter // Use the isparta instrumenter (code coverage for ES6) + // https://github.com/SBoudrias/gulp-istanbul#istanbulopt + })) + .pipe(istanbul.hookRequire()); // Force `require` to return covered files + // https://github.com/SBoudrias/gulp-istanbul#istanbulhookrequire +}); + +gulp.task('coverage:report', function () { + return gulp.src(SRC_FILES, { read: false }) + .pipe(istanbul.writeReports({ + // https://github.com/SBoudrias/gulp-istanbul#istanbulwritereportsopt + })); +}); + +gulp.task('test:coverage', function (done) { + runSequence('coverage:instrument', 'test', 'coverage:report', done); +}); + +gulp.task('coveralls', function() { + return gulp.src('./coverage/lcov.info') + .pipe(coveralls()); +}); + +gulp.task('test:coveralls', function (done) { + runSequence('test:coverage', 'coveralls', done); +}); + +gulp.task('tdd', function () { + gulp.watch([ + TEST_FILES, + SRC_FILES + ], ['test']).on('error', gutil.log); +}); diff --git a/package.json b/package.json index 49d0990f..d79a4d2b 100644 --- a/package.json +++ b/package.json @@ -39,7 +39,9 @@ "lintfix": "eslint ./src --fix", "testonly": "mocha $npm_package_options_mocha", "test": "npm run lint && npm run testonly", - "test-watch": "npm run testonly -- --watch --watch-extensions js" + "test-watch": "npm run testonly -- --watch --watch-extensions js", + "test-cov": "gulp test:coverage", + "test-coveralls": "gulp test:coveralls" }, "devDependencies": { "babel-cli": "^6.6.4", @@ -55,12 +57,20 @@ "eslint": "^3.14.1", "eslint-plugin-babel": "^4.0.1", "eslint-plugin-react": "^6.9.0", + "gulp": "^3.9.1", + "gulp-coveralls": "^0.1.4", + "gulp-istanbul": "^1.1.1", + "gulp-mocha": "^3.0.1", + "gulp-util": "^3.0.8", + "isparta": "^4.0.0", + "istanbul": "^0.4.5", "jsdom": "^9.9.1", "mocha": "^3.2.0", "nodemon": "^1.9.1", - "react-addons-test-utils": "^15.0.0", "react": "^15.0.0", - "react-dom": "^15.0.0" + "react-addons-test-utils": "^15.0.0", + "react-dom": "^15.0.0", + "run-sequence": "^1.2.2" }, "peerDependencies": { "react": "~0.14.8 || ^15.0.0", diff --git a/scripts/jsdom.js b/scripts/jsdom.js new file mode 100644 index 00000000..f9a146fc --- /dev/null +++ b/scripts/jsdom.js @@ -0,0 +1,41 @@ +'use strict'; + +var jsdom = require('jsdom'); + +// https://github.com/tmpvar/jsdom/issues/135#issuecomment-68191941 +function applyJsdomWorkaround(window) { + Object.defineProperties(window.HTMLElement.prototype, { + offsetLeft: { + get: function () { + return parseFloat(window.getComputedStyle(this).marginLeft) || 0; + } + }, + offsetTop: { + get: function () { + return parseFloat(window.getComputedStyle(this).marginTop) || 0; + } + }, + offsetHeight: { + get: function () { + return parseFloat(window.getComputedStyle(this).height) || 0; + } + }, + offsetWidth: { + get: function () { + return parseFloat(window.getComputedStyle(this).width) || 0; + } + } + }); +} + +function setupDom() { + var baseMarkup = ''; + var window = jsdom.jsdom(baseMarkup).defaultView; + + global.window = window; + global.document = window.document; + global.navigator = window.navigator; + applyJsdomWorkaround(window); +} + +setupDom();