Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用phantomJS测试window.matchMedia_Javascript_Angularjs_Jasmine_Media Queries_Phantomjs - Fatal编程技术网

Javascript 使用phantomJS测试window.matchMedia

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) {

我用AngularJS编写了一些JavaScript逻辑,以匹配JavaScript内部的引导媒体查询,从而获得更复杂的响应用例。虽然有点难看,但效果很好:

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

有人知道如何解决这个问题吗?

这可能会有帮助:我不知道这是否适用于您的情况