我正在尝试在链接上设置颜色动画.在Chrome中访问过链接后,将不再应用颜色动画.其他动画样式(我测试过背景颜色,字体粗细和字体大小)也不是其他浏览器(Firefox,Safari,IE11)的情况.
这是一个演示:
http://codepen.io/benjarwar/pen/rVJbeR
http://s.codepen.io/benjarwar/debug/rVJbeR
HTML:
<a href='#' target='_blank' class='color'>Color Animation</a>
CSS:
a.color,
a.color:visited {
-moz-animation: color-animation 1s ease-in-out infinite;
-webkit-animation: color-animation 1s ease-in-out infinite;
animation: color-animation 1s ease-in-out infinite;
}
@-moz-keyframes color-animation {
0% { color: #f00; }
50% { color: #fc0; }
100% { color: #f00; }
}
@-webkit-keyframes color-animation {
0% { color: #f00; }
50% { color: #fc0; }
100% { color: #f00; }
}
@keyframes color-animation {
0% { color: #f00; }
50% { color: #fc0; …我有一个可能会抛出错误的方法,但是我在编写SinonJS/Mocha/Should单元测试用例时遇到了麻烦.
被测样本函数:
function testError(value) {
if (!value) {
throw new Error('No value');
return false;
}
};
样品测试:
describe('#testError', function() {
it('throws an error', function() {
var spy = sinon.spy(testError);
testError(false);
spy.threw().should.be.true();
});
});
这输出:
#testError
1) throws an error
0 passing (11ms)
1 failing
1) #testError throws an error:
Error: No value
at testError (tests/unit/js/test-error.js:6:14)
at Context.<anonymous> (tests/unit/js/test-error.js:14:6)
我期待Sinon能够抓住错误并允许我对投掷进行间谍活动,但它似乎没有通过测试.有任何想法吗？
我提到不要sinon.js spys捕获错误？但唯一的解决方案是使用expect.如果可能的话,我更愿意使用单个断言库.
我的基本模板的头部有一个块，它将呈现“额外”的 CSS。该 CSS 将根据来自 Wagtail CMS 实例的字段进行自定义。
所以，在base.html模板中我有：
<head>
{% block extra_css %}{% endblock %}
</head>
<body>
{% block content %}{% endblock %}
</body>
然后，在我的detail.html模板（从底座延伸出来）中，我有：
{% block content %}
{% for block in page.body %}
{{ block }}
{% endfor %}
{% endblock %}
body是StreamField鹡鸰中的一个。其中一个字段是 custom StructBlock，其模型设置如下：
class CalloutBlock(blocks.StructBlock):
accent_color = blocks.CharBlock(required=False, label='Accent Color', help_text='HEX Value/Color')
class Meta:
template = 'inc/blocks/callout.inc.tpl'
最后，在该callout.inc.tpl模板中，我尝试渲染一个应该注入到我的块中的<style>标签：extra_css
{% block extra_css …