檢索指定 DOM 元素的 CSS 屬性值。

如需更多關於在 Nightwatch 中使用 DOM 元素的資訊,請參閱尋找與互動 DOM 元素指南頁面。

用法

                    browser.element(selector).getCssProperty(name)
                

範例

export default {
  demoTest({ element }) {
    element('#main ul li a.first')
      .getCssProperty('display')
      .assert.valueEquals('block');
  },

  async demoTestAsync({ element }) {
    const result = await element('#main ul li a.first').getCssProperty('display');
    console.log('display', result);
  }
}
export default {
  demoTest(browser: NightwatchAPI): void {
    browser.element('#main ul li a.first').getCssProperty('display')
      .assert.valueEquals('block');
  },
  async demoTestAsync(browser: NightwatchAPI): Promise<void> {
    const result = await browser.element('#main ul li a.first').getCssProperty('display');
    console.log('display', result);
  }
}

參數

名稱 類型 描述
cssProperty 字串

要檢查的 CSS 屬性。

返回

類型 描述
ScopedValue<string>

包含 css 屬性值的容器

W3C WebDriver 規範