[自動化平臺系列] - 初次使用 Macaca-前端自動化測試(3)

一、 若是是一個列表頁面，當要觸發編輯頁面是如何作的呢？其實我測試只要點擊第一條數據去編輯就好啦！若是頁面結構以下

<li class="myatc-li">
            <h3><span class="atc-status">(待審覈) </span><a class="atc-head"
                                                                          href="/article/detail/199.html">lsg_1463025947759</a>
            </h3>

            <p class="atc-content">132131231</p>
            <a class="see-all" href="/article/detail/199.html">...查看全文 ></a>

            <p class="atc-detail clearfix">
                <a>閱讀<span>0</span></a>
                <a>點贊<span>0</span></a>
                <span>2016-05-12 12:05:51</span>
            </p>

            <p class="atc-editor">
                <a href="/user/article/edit?id=199"><span class="iconfont"> </span>編輯</a>
                <a href="javascript:;" class="article_del" data-id="199"><span class="iconfont"> </span>刪除</a>
            </p>
        </li>
        <li class="myatc-li">
            <h3><span class="atc-status">(待審覈) </span><a class="atc-head"
                                                                          href="/article/detail/197.html">lsg_1463022192555</a>
            </h3>

            <p class="atc-content">132131231</p>
            <a class="see-all" href="/article/detail/197.html">...查看全文 ></a>

            <p class="atc-detail clearfix">
                <a>閱讀<span>0</span></a>
                <a>點贊<span>0</span></a>
                <span>2016-05-12 11:03:16</span>
            </p>

            <p class="atc-editor">
                <a href="/user/article/edit?id=197"><span class="iconfont"> </span>編輯</a>
                <a href="javascript:;" class="article_del" data-id="197"><span class="iconfont"> </span>刪除</a>
            </p>
        </li>

　　我能夠這樣寫，這裏咱們用到了elementByPartialLinkText ，elementByLinkText是全文字匹配的，很顯然這裏不適用，直接上代碼

it('#3 write article edit', function() {
        return driver
            .elementByPartialLinkText('編輯')
            .click()
            .sleep(3000)
    })