'); + $container = $(''); + $code = $container.find('.code'); + $copy = $container.find('.copy_code'); + arrow = new CSSArrowPlease.Arrow(); arrowCSSView = new CSSArrowPlease.ArrowCSSView({ model: arrow, container: $container }); + + spyOn( $copy, 'clippy' ); + + arrowCSSView._codeNode = $code; + arrowCSSView._copyNode = $copy; }); describe('render', function () { + it('returns itself for chainability', function () { expect( arrowCSSView.render() ).toBe( arrowCSSView ); }); it('renders the css when render is called', function () { - expect( $container.text() ).toBe( '' ); + expect( $code.text() ).toBe( '' ); + arrowCSSView.render(); + expect( $code.text() ).toBe( arrow.toCSS() ); + }); + + it('calls clippy() on the copy_code node', function () { arrowCSSView.render(); - expect( $container.text() ).toBe( arrow.toCSS() ); + expect( $copy.clippy ).toHaveBeenCalled(); }); }); diff --git a/public/js/spec/views/arrow_preview_view_spec.js b/public/js/spec/views/arrow_preview_view_spec.js index 6f08d02..0356c46 100644 --- a/public/js/spec/views/arrow_preview_view_spec.js +++ b/public/js/spec/views/arrow_preview_view_spec.js @@ -17,11 +17,8 @@ describe("CSSArrowPlease.ArrowPreviewView", function() { }); it('render delegates to ArrowCSSView.render', function () { - spyOn(CSSArrowPlease.ArrowCSSView.prototype, 'render'); - arrowPreviewView.render(); - - expect(CSSArrowPlease.ArrowCSSView.prototype.render).toHaveBeenCalled(); + expect( $container.text() ).toBe( arrow.toCSS() ); }); }); diff --git a/public/js/spec_runner.html b/public/js/spec_runner.html index c6eb8f2..98163a7 100644 --- a/public/js/spec_runner.html +++ b/public/js/spec_runner.html @@ -8,6 +8,7 @@ + diff --git a/public/js/vendor/jquery.clippy/jquery.clippy.min.js b/public/js/vendor/jquery.clippy/jquery.clippy.min.js new file mode 100755 index 0000000..ed73017 --- /dev/null +++ b/public/js/vendor/jquery.clippy/jquery.clippy.min.js @@ -0,0 +1 @@ +(function(a){a.fn.clippy=function(b){_opts={width:"14",height:"14",color:"#ffffff",clippy_path:"clippy.swf",keep_text:false,transparent:false};b=a.extend(_opts,b);params={movie:b.clippy_path,allowScriptAccess:"always",quality:"high",scale:"noscale"};if(b.transparent&&typeof b.transparent==="string"){params.wmode=b.transparent}else{if(b.transparent&&typeof b.transparent==="boolean"){params.wmode="transparent"}else{params.bgcolor=b.color}}embed_params=a.extend({},params,{width:b.width,height:b.height});embed_params.src=embed_params.movie;delete embed_params.movie;this.each(function(c,f){if(b.text&&b.text!=""){text=b.text}else{if(a(f).data("text")&&a(f).data("text")!=""){text=a(f).data("text")}else{text=a(f).text()}}text=encodeURIComponent(text);params.FlashVars="text="+text;embed_params.FlashVars="text="+text;dom=a("