在 Ember.js Octane 验收测试中，如何查询和/或设置测试窗口高度？

Question

我进行了验收测试，以确保特定路线上的 PDF 查看器不会意外调整尺寸。由于先前选择的融合以及嵌入标签的工作方式，当看似不相关的元素被重新设计时，查看器有时会被截断。这是为了警告我这种情况已经发生，并且它有效。

除了，在某些测试机器上，如果显示器非常小，测试将会失败。尝试重现该问题，当使用 --server 选项运行时，我可以通过使测试窗口非常窄来使测试失败。

我如何控制/测试这个？

我没有看到任何获取或设置屏幕尺寸的方法。 ember 论坛指出我应该在这里问这类问题。

提前致谢！

方差表示外部元素和实际查看者之间的所有累积边框、边距等。除非显示非常非常窄并且某些元素需要换行，否则这保持一致。

    await visit('/code-nav');
    await fillIn('[data-test-code-nav-selector]', 'PDF_I10_PCS_REFERENCE_MANUAL');

    let applicationYieldWrapper = find('[data-test-application-yield-wrapper]');
    let applicationYieldWrapperHeight = applicationYieldWrapper.offsetHeight;

    await waitFor('[data-test-pdf-viewer]');
    let pdfViewer = find('[data-test-pdf-viewer]')
    let pdfViewerHeight = pdfViewer.offsetHeight;
    
    let variance = 136; // borders, margins, etc.

    assert.equal(pdfViewerHeight + variance, applicationYieldWrapperHeight);

Answer 1

有几种不同的方法可以改变高度：

浏览器参数，在 testem.js 中配置：https://github.com/ember-cli/ember-new-output/blob/v5.8.1/testem.js#L19 ember 5.8 中的默认值是

--window-size=1440,900

然后在应用程序渲染的页面上就有 #qunit-fixture 和 #ember-testing 元素——这些元素可以使用 CSS 进行更改