Javascript 使用phantomJS测试window.matchMedia
我用AngularJS编写了一些JavaScript逻辑,以匹配JavaScript内部的引导媒体查询,从而获得更复杂的响应用例。虽然有点难看,但效果很好:Javascript 使用phantomJS测试window.matchMedia,javascript,angularjs,jasmine,media-queries,phantomjs,Javascript,Angularjs,Jasmine,Media Queries,Phantomjs,我用AngularJS编写了一些JavaScript逻辑,以匹配JavaScript内部的引导媒体查询,从而获得更复杂的响应用例。虽然有点难看,但效果很好: var xs = window.matchMedia('screen and (max-width : 767px)'); xs.addListener(function(mq) { console.log('resize xs'); if (mq.matches) {
var xs = window.matchMedia('screen and (max-width : 767px)');
xs.addListener(function(mq) {
console.log('resize xs');
if (mq.matches) {
$timeout(function() {
service.screenSize = 'xs';
}, 0);
}
});
然而,当尝试使用karma、jasmine和phantomJS对这种行为进行单元测试时,我找不到调整实际窗口大小的方法。例如,当调整innerWidth的大小时,它会调整大小,但它不会触发mediaquery,因为它(我猜想)查看的是窗口,而不是innerWidth
有人知道如何解决这个问题吗?这可能会有帮助:我不知道这是否适用于您的情况