自动化 End-End 测试 Nightwatch.js 简易化 selector

在 E2E 测试撰写时，前端可以利用 aria-label 或客制化的 testing tag 来方便测试抓取元件

指定 aria-label 可以使一个标签被标记为特定的字符串，且会替换任何其他原生标记机制

<button
    aria-label="menu"
    class="hamburger">
</button>

这里仅使用 aria-label 值
此外，aria-label 另一个用途是使自动阅读萤幕文字的 Application 可以知道当前物件属性类别

而 E2E 的部分则可以透过这样的属性抓取想要测试的物件：

browser
    .clickDiv('[aria-label="year dropdown"]')
    .clickDiv('[aria-label="month dropdown"]')

而为了简洁，也可以撰写一个 pure function

module.exports = type => string => `[aria-${type}="${string}"]`;

随後即可在其他测试中使用：

const ariaLabel = ariaAttrSelector('label');

browser.clickDiv(ariaLabel('year dropdown'))