yujunjun/playwright
1
0
Fork 0
mirror of https://github.com/microsoft/playwright.git synced 2025-06-26 21:40:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: update README.md for playwright-electorn

Browse Source
This commit is contained in:
Pavel Feldman 2020-05-11 18:56:05 -07:00
parent ffe7084652
commit e447e9aa54
2 changed files with 104 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
packages/playwright-electron/README.md
View File

@ -1,2 +1,104 @@
# playwright-electron
This package contains the [Electron](https://www.electronjs.org/) flavor of [Playwright](http://github.com/microsoft/playwright).
## How to demo
```bash
npm i --save-dev electron@beta
npm i --save-dev playwright-electron@next
```
`index.js` - main Electron application file.
```js
const { app, BrowserWindow } = require('electron');
function createWindow () {
let win = new BrowserWindow({
width: 800,
height: 600,
});
win.loadFile('index.html');
}
app.whenReady().then(createWindow);
```
`index.html` - page that Electron opens in a BrowserWindow.
```js
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
<style>
html {
width: 100%;
height: 100%;
display: flex;
background: white;
}
body {
flex: auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<button onclick="console.log('click')">Click me</button>
</body>
</html>
```
`test/spec.js` - test file
```js
const { electron } = require('playwright-electron');
const assert = require('assert');
const electronPath = require('electron');
const path = require('path')
describe('Sanity checks', function () {
this.timeout(10000);
beforeEach(async () => {
// Before each test start Electron application.
this.app = await electron.launch(electronPath, {
path: electronPath,
args: [path.join(__dirname, '..')] // loads index.js
});
});
afterEach(async () => {
// Before each test close Electron application.
await this.app.close();
});
it('sanity checks', async () => {
// Wait for the first window to appear.
const window = await this.app.waitForEvent('window');
// Assert window title.
assert.equal(await window.title(), 'Hello World!');
// Capture window screenshot.
await window.screenshot({ path: 'intro.png' });
// Collect console logs.
let consoleText;
window.on('console', message => consoleText = message.text());
// Click button.
await window.click('text=Click me');
// Check that click produced console message.
assert.equal(consoleText, 'click');
});
});
```

4
packages/playwright-electron/package.json
View File

@ -1,6 +1,6 @@
{
"name": "playwright-electron",
"version": "0.1.0",
"version": "0.1.2",
"description": "A high-level API to automate Electron",
"repository": "github:Microsoft/playwright",
"homepage": "https://playwright.dev",
@ -11,6 +11,6 @@
},
"license": "Apache-2.0",
"dependencies": {
"playwright-core": "^1.0.1"
"playwright-core": "=1.0.0-next.1589245340205"
}
}