test <input type="hidden"> will block the testcase

This is my view, I want to test.

<h1>Request Group Rate</h1>
<form>
    <input type="hidden" name="referrer">
    Name: <input type="text" id="fieldName" name="name"><br>
    Group size: <input type="text" name="groupSize"><br>
    Email: <input type="email" name="email"><br>
    <input type="submit" value="Submit">
</form>
<script>
 $(document).ready(function() {
     /* document.referrer: Returns the URI of the page that links to this page */
     $('input[name="referrer"]').val(document.referrer);
 });
</script>

I wrote my test like this:

var Browser = require('zombie'),
    assert = require('chai').assert;

var browser;

suite('Cross-Page Tests', function() {
    setup(function() {
         browser = new Browser();
    });


    test('requesting a group rate quote from the hood river tour page ' +
         'should populate the referrer field', function(done) {
             var referrer = 'http://localhost:3000/tours/hood-river';
             browser.visit(referrer, function() {
                 browser.clickLink('.requestGroupRate', function() {
                     browser.assert.input('form input[name="referrer"]', referrer);
                     done();
                 });
             });
         });

then, I run the test, I found the test will block at ** browser.assert.input(‘form input[name=“referrer”]’, referrer); ** (I annotate this line, and the test runs OK).

My package.son:

{
  "name": "meadowlark",
  "version": "1.0.0",
  "description": "A travel website",
  "main": "meadowlark.js",
  "scripts": {
    "test": "grunt"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/zwb-ict/meadowlark.git"
  },
  "keywords": [
    "node"
  ],
  "author": "[e-mail]",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/zwb-ict/meadowlark/issues"
  },
  "homepage": "https://github.com/zwb-ict/meadowlark",
  "dependencies": {
    "express": "^4.12.3",
    "express-handlebars": "^2.0.0"
  },
  "devDependencies": {
    "chai": "^2.2.0",
    "grunt": "^0.4.5",
    "grunt-contrib-jshint": "^0.11.2",
    "grunt-exec": "^0.4.6",
    "grunt-istanbul": "^0.5.0",
    "grunt-mocha-test": "^0.12.7",
    "istanbul": "^0.3.13",
    "mocha": "^2.2.4",
    "zombie": "^3.0.0"
  }
}

[YoussefKababe]

I have the same problem, I still don’t know why the document.referrer stays empty, but I managed to get the referrer from headers using this:

console.log(browser.resources[0].request.headers._headers);

=> [ [ 'referer', 'http://localhost:3000/tours/hood-river' ],
  [ 'accept', 'text/html,*/*' ],
  [ 'content-type',
    'application/x-www-form-urlencoded;charset=UTF-8' ] ]

I think the problem is coming from Zombie itself because when trying this manually in browser, document.referrer is set correctly!

[arjunlubana]

Has the fix been merged or not? I am having a similar problem with document.referrer returning an empty string.