Ryo Shibayama discusses using chromeless to run browser integration tests and take screenshots on AWS Lambda in parallel. Chromeless can run tests remotely on Lambda functions deployed through its proxy service. Issues may arise from missing fonts, but these can potentially be resolved by modifying serverless-chrome or waiting for font configuration support. Running tests explosively in parallel on Lambda is an interesting approach to scale testing.

1. Try to use chromeless on
AWS Lambda
@serima
25 Oct. 2018

2. Who am I?
Ryo Shibayama
Server Side Engineer
Working at GameWith Inc. (We're hiring! )
Twitter / GitHub : @serima

3. What's GameWith?

5. Let's get on track

6. chromeless
Runs locally or headless on AWS Lambda
It can be used to
Run 1000s of browser integration tests in parallel
Crawl the web & automate screenshots
Write bots that require a real browser
https://github.com/graphcool/chromeless

7. Two operation modes
This time I will introduce Remote Proxy mode

8. Setup ow
1. Clone chromeless repo, npm install in proxy
service directory
2. Con gure AWS's access key and secret
3. Deploy to own infrastructure with dedicated
command( npm run deploy )
4. Request to the proxy using issued endpoint, API
key
Notice: Use the same region between AWS
services chromeless uses

9. Deployed Lambda Functions
We can see that the four functions have been deployed

10. Then Let's request to
Lambda functions!

11. const Chromeless = require('chromeless').default
async function run(url) {
const chromeless = new Chromeless({
remote: {
endpointUrl: 'https://xxxxx.execute-api.ap-northeast-1.ama
apiKey: 'xxxxxxxxxxxx'
},
})
const screenshot = await chromeless
.setUserAgent('Mozilla/5.0 (iPhone; CPU iPhone OS 7_0 like M
.setViewport({width: 640, height: 1136, scale: 1})
.goto(url)
.screenshot()
console.log(url)
console.log(screenshot) // prints S3 url
await chromeless.end()
}
run('https://www.yahoo.co.jp').catch(console.error.bind(console
run('https://www.facebook.com').catch(console.error.bind(console

12. Run
% node test.js
https://www.yahoo.co.jp
https://xxxxx-ap-northeast-1-chromeless.s3.amazonaws.com/cj946gj
https://www.facebook.com
https://xxxxx-ap-northeast-1-chromeless.s3.amazonaws.com/cj946gk
Retured S3 urls(they are screen captures)

13. uh-oh

14. Why □?
chromeless depends on severless-chrome
By default, some fonts are not installed in
serverless-chrome
#49 Include Chinese/Japanese/Korean/more
fonts in headless Chrome binary

15. Rendered successfully
Because yahoo.com only uses English

16. Missing fonts...
But we can resolve this issue to re-archive
serverless-chrome with fontcon g bundled
My former senior was writing a blog about this
issue

17. Hmm
It's better to wait for serverless-chrome supports
multi fonts con guration
Because chromeless depends on it...
If we use serverless-chrome as standalone, I think
we should install and use our own fonts

18. Conclusion
The approach of explosively increasing the
number of parallels using Lambda is very
interesting
Keep watching these repos
More in details on my blog serima.co/blog

19. Bonus
PhantomJS: Stepping down as maintainer
https://news.ycombinator.com/item?
id=14105489
We should choose headless chrome as an e2e test
tool from now on

20. Thank you for listening