Google Puppeteer和Mocha異步調用

Question

JavaScript新手，並試圖瞭解如何運行以下簡單測試，其中加載谷歌主頁，並獲得標題。然後測試此標題。

const puppeteer = require("puppeteer"); 
var page_title = "blank"; 
assert = require("assert"); 

async function run() { 
    const browser = await puppeteer.launch({ headless: true }); 
    const page = await browser.newPage(); 
    await page.goto("http://www.google.co.uk"); 
    page_title = await page.title(); 
    console.log("Page Title: ", page_title) 
    await browser.close(); 
} 

run(); 

describe("Google", function() { 
    it("Title contains Google", async function() { 
    assert.equal(page_title, "Google"); 
    }); 
}); 

問題是describe/it塊在獲得page_title之前運行。請有人建議我應該如何構建這個？

Answer 1

您只需要閱讀摩卡documentation。無需深入挖掘，async code位於TOC。

摩卡提供3種方式：

• 回調

  當你的測試完整只需調用回調。通過向它（）添加回調（通常名爲完成）。

• 承諾
• async和await

因此，修訂後的像這樣與async和await：

const puppeteer = require("puppeteer"); 
var page_title = "blank"; 
assert = require("assert"); 

describe("Google", function() { 
    // this.timeout(0); 
    it("Title contains Google", async()=> { 
     const browser = await puppeteer.launch(); //headless by default 
     const page = await browser.newPage(); 
     await page.goto("http://www.google.co.uk"); 
     page_title = await page.title(); 
     console.log("Page Title: ", page_title); 
     assert.equal(page_title, "Google"); 
     await browser.close() 
    }); 
}); 

我的建議是對TOC每一個解釋快速閱讀，讀brief explanation async and await