it('chooses an option', function() {
    var view = new DropDownView({
        defaultOption: "Choose a genre",
        options: [
            { value: "Satire" },
            { value: "Fantasy" }
        ]
    });
    view.render();

    dropDownViewPageObject(view.$el).
        openMenu().
        chooseOption("Satire").
        expectToHaveChosen("Satire");
});

var dropDownViewPageObject = po.create({
    openMenu: po.button(".dropdown-trigger"),

    chooseOption: function(option) {
        this.$(".dropdown-menu a[data-value='" + option + "']").click();
        return this;
    },

    expectToHaveChosen: function(option) {
        expect(this.$(".dropdown-trigger .chosen-value")).toHaveText(option);
        return this;
    }
});