小编Rya*_*fro的帖子

我目前正在使用物化CSS,似乎我已经遇到了选择字段.

我正在使用他们网站提供的示例,但不幸的是它在视图中呈现.我想知道其他人是否能够提供帮助.

我想要做的是创建一个带有2个提供填充的端部垫片的行 - 然后在内部的两个行项目中应该有一个搜索文本输入和一个搜索选择下拉列表.

这是我正在使用的示例:http://materializecss.com/forms.html

先感谢您.

这是有问题的代码片段.

<div class="row">
<form class="col s12">
    <div class="row">
        <div class="input-field col s2"></div>
        <div class="input-field col s5">
            <input id="icon_prefix" type="text" class="validate" />
            <label for="icon_prefix">Search</label>
        </div>
        <div class="input-field col s3">
            <label>Materialize Select</label>
            <select>
                <option value="" disabled="disabled" selected="selected">Choose your option</option>
                <option value="1">Option 1</option>
                <option value="2">Option 2</option>
                <option value="3">Option 3</option>
            </select>
        </div>
        <div class="input-field col s2"></div>
    </div>
</form>

我目前正在尝试使用PhantomJS和CasperJS进行端到端测试.我遇到的是PhantomJS缺乏承诺的情况.目前我们的项目实施它们.该应用程序仅用于本机支持promises的Google Chrome.

在运行我的测试时,我收到错误: 错误:ReferenceError:找不到变量:Promise

这似乎是因为PhantomJS中当前版本的Webkit不支持promises.我意识到SlimerJS确实通过Gecko提供了这种支持,但我们的应用程序在Chrome中运行,因此我希望测试在Webkit中进行.

我一直在努力的是将一个ES6 promise polyfill注入Phantom,以便正确地进行测试.我已经使用了Casper JS的injectjs以及casper.options.clientScripts.push - 两者似乎仍然缺乏对promises问题的支持.

我注意到其他人在CasperJS的github支持中说他们已经通过polyfill工作了但是我不确定他们是如何做到的,因为没有提供例子.

我已经包含了我当前脚本的一个示例.如果有人处理了这个问题并找到了解决问题的方法,那将非常感谢.先感谢您!

casper.test.begin('Example test loading', 3, function(test) {

    casper.options.clientScripts.push("node_modules/es6-promise/es6-promise.js");

    casper.start('http://localhost:8080/', function() {
        this.captureSelector('stuff.png', 'html');
    });

    casper.on("remote.message", function(msg) {
        this.echo("Console: " + msg);
    });

    casper.on("page.error", function(msg, trace) {
        this.echo("Error: " + msg);
    });

    casper.on("resource.error", function(resourceError) {
        this.echo("ResourceError: " + JSON.stringify(resourceError, undefined, 4));
    });

    casper.on("page.initialized", function(page) {
        page.onResourceTimeout = function(request) {
            console.log('Response Timeout (#' + request.id + '): ' + JSON.stringify(request));
        };
    });

    casper.then(function() {
        test.assertTitle('Example Title', 'Example title is incorrect'); …

这似乎是一个非常基本的问题,但我向你保证,我已经开始运行各种解决方案,但仍然无法找到解决方案.

问题是这样的:

1. 通过选择框将使用值1,0或null设置树枝值,然后该值将用于设置该框的选定值.

2. 选择了两个过滤器 - 1表示活动,0表示不活动.

3. 如果未设置任何值且将twig值设置为空(null),则始终选择0的选项.

有问题的树枝代码如下: <option value="null">Select an Option</option> <option value="1"{% if filterStatus == 1 %} selected{% endif %}>Active</option> <option value="0"{% if filterStatus == 0 %} selected{% endif %}>Inactive</option>

是我期望使用的.以下是我尝试过的众多变化之一:

{% if filterStatus == 0 and not filterStatus != 'null' %}

我似乎无法确保值为0.

也不要被选项值属性中的"null"值所迷惑.这用于路由,但转换为系统中的文字NULL,而不是字符串.

任何帮助是极大的赞赏.