{"id":308,"date":"2022-08-30T14:59:11","date_gmt":"2022-08-30T14:59:11","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2013\/10\/13\/why-do-these-resharper-jasmine-tests-run-in-browser-but-not-in-phantomjs-record-and-share-programming-errors\/"},"modified":"2022-08-30T14:59:11","modified_gmt":"2022-08-30T14:59:11","slug":"why-do-these-resharper-jasmine-tests-run-in-browser-but-not-in-phantomjs-record-and-share-programming-errors","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2022\/08\/30\/why-do-these-resharper-jasmine-tests-run-in-browser-but-not-in-phantomjs-record-and-share-programming-errors\/","title":{"rendered":"Why do these resharper Jasmine tests run in browser but not in phantomjs-Record and share programming errors"},"content":{"rendered":"

Thank you in advance to everyone that reads through this – there’s quite a lot of detail to the question.<\/p>\n

I am trying to introduce javascript testing into our project using Jasmine. The tests I’ve written work in the browser but not using PhantomJS via Resharper.<\/p>\n

I’m guessing I’m missing something about the plumbing required to parse our JS files (maybe I’m identifying a problem with our JS setup). Any help hugely appreciated…<\/p>\n

I have setup Jasmine tests inside Visual Studio using jasmine…<\/p>\n

\/\/ The Jasmine Test Framework\n\/\/\/ \n\/\/\/ \n\/\/\/ \n\/\/\/ \n\/\/\/ \n\/\/\/ \n\/\/ Classes to test\n\/\/\/ \n\ndescribe(\"Breadcrumbs\", function () {\n    it(\"should have a window object\", function() {\n        \/\/this test passes in PhantomJS and the browser\n        expect(window).toBeDefined();\n    });\n\n    it(\"should have the base object available\", function() {\n        \/\/this test only passes in the browser\n        expect(window.MyNamespace).toBeDefined();\n    });\n});\n<\/code><\/pre>\n
this references a JS file which contains…<\/p>\n
(function (app, $, undefined) {\n     \/\/do things here\n}(window.MyNameSpace = window.MyNamespace || {}, jQuery));\n<\/code><\/pre>\n
I have a SpecRunner.html which can successfully run my tests… it’s the specrunner html that comes with Jasmine 1.3.1 standalone with the head edited like so…<\/p>\n
 \n  \n  \n  \n\n  \n  \n\n  \n  \n<\/code><\/pre>\n
These tests are being run either by my SpecRunner.html (which works fine) or through Resharper 7s testrunner using PhantomJS which I’m guessing is not evaluating the code in my JS code file..?<\/p>\n
Update: some extra details…<\/p>\n
Resharper version is:<\/p>\n
\n
JetBrains ReSharper 7.1.3 Full Edition Build 7.1.3000.2254 on 2013-04-10T16:48:18<\/p>\n<\/blockquote>\n
and Phantom JS version is 1.9.1.0<\/p>\n
And I’ve just realised I don’t have the actual error in my question – Doh!<\/p>\n
TypeError: 'undefined' is not an object (evaluating 'window.MyNamespace.Whatever') in http:\/\/localhost:47815\/Tests.js (line 26)\nTypeError: 'undefined' is not an object (evaluating 'window.MyNamespace.Whatever')\n    at  BreadcrumbsSpec.js: line 26\n    at  jasmine.js: line 1035\n    at  jasmine.js: line 2053\n    at  jasmine.js: line 2006\n    at  jasmine.js: line 2335\n    at  jasmine.js: line 2053\n    at  jasmine.js:2043\n<\/code><\/pre>\n
Interestingly Tests.js is not my file – I guess that’s a R# thing.<\/p>\n
Ah – Tests.js is my spec file (i.e. BreadcrumbsSpec.js in this instance). If I launch switch options to tell the Resharper TestRunner to use a browser I get the same results (i.e. only window is defined) and a blank page in the browser…<\/p>\n
    \n
  1. \n
    Eureka… the problem was an ID-ten-T otherwise known as PEBCAK<\/p>\n
    I hadn’t thought about or investigated how R# was actually going to run the tests. And so had set the reference paths in the Spec.js relative to my<\/em> specrunner.html<\/p>\n
    R# actually injects the Spec file into an html page as an inline script so my relative paths were all wrong.<\/p>\n
    I simply set the reference paths as absolute from the project root and all was fine.<\/p>\n
    \/\/ The Jasmine Test Framework\n\/\/\/ \n\/\/\/ \n\/\/\/ \n\/\/\/ \n\/\/\/ \n\/\/ Classes to test\n\/\/\/ \n<\/code><\/pre>\n
    Thanks to R# people for engaging with me on Twitter!<\/p>\n<\/li>\n<\/ol>\n
    Originally posted 2013-10-13 02:32:57. <\/small><\/p>","protected":false},"excerpt":{"rendered":"
    Thank you in advance to everyone that reads through this – there’s quite a lot of detail to the question. I am trying to introduce javascript testing into our project using Jasmine. The tests I’ve written work in the browser but not using PhantomJS via Resharper. I’m guessing I’m missing something about the plumbing required […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-308","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=308"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/308\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}