add e2e 13

Author: dai-shi

__tests__/e2e/13_saga.js

@@ -0,0 +1,31 @@
+/* global page */
+
+const port = process.env.PORT || '8080';
+jest.setTimeout(15 * 1000);
+
+const sleep = ms => new Promise(r => setTimeout(r, ms));
+
+// this test is not very stable because of timer
+describe('13_saga', () => {
+  it('should work with recorded events', async () => {
+    await page.goto(`http://localhost:${port}/`);
+
+    await page.waitForSelector('body > #app > div > div:nth-child(3) > button');
+    await page.click('body > #app > div > div:nth-child(3) > button');
+    expect(await page.evaluate(() => document.body.innerHTML)).toMatchSnapshot();
+
+    await sleep(3000);
+    expect(await page.evaluate(() => document.body.innerHTML)).toMatchSnapshot();
+
+    await page.waitForSelector('body > #app > div > div:nth-child(4) > button:nth-child(2)');
+    await page.click('body > #app > div > div:nth-child(4) > button:nth-child(2)');
+    expect(await page.evaluate(() => document.body.innerHTML)).toMatchSnapshot();
+
+    await page.waitForSelector('body > #app > div > div > button:nth-child(3)');
+    await page.click('body > #app > div > div > button:nth-child(3)');
+    expect(await page.evaluate(() => document.body.innerHTML)).toMatchSnapshot();
+
+    await sleep(1000);
+    expect(await page.evaluate(() => document.body.innerHTML)).toMatchSnapshot();
+  });
+});

__tests__/e2e/__snapshots__/13_saga.js.snap

@@ -0,0 +1,41 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`13_saga should work with recorded events 1`] = `
+"
+    <div id=\\"app\\"><div><h1>Person</h1><div>User ID:<input value=\\"3\\"></div><span>connecting...</span><div><h1>Counter</h1>Count: 0<button type=\\"button\\">+1</button><button type=\\"button\\">-1 (Delayed)</button></div></div></div>
+  <script type=\\"text/javascript\\" src=\\"main.js\\"></script>
+
+"
+`;
+
+exports[`13_saga should work with recorded events 2`] = `
+"
+    <div id=\\"app\\"><div><h1>Person</h1><div>User ID:<input value=\\"3\\"></div><div>First Name: Emma<button type=\\"button\\">Fetch User</button><button type=\\"button\\">Clear</button></div><div><h1>Counter</h1>Count: 0<button type=\\"button\\">+1</button><button type=\\"button\\">-1 (Delayed)</button></div></div></div>
+  <script type=\\"text/javascript\\" src=\\"main.js\\"></script>
+
+"
+`;
+
+exports[`13_saga should work with recorded events 3`] = `
+"
+    <div id=\\"app\\"><div><h1>Person</h1><div>User ID:<input value=\\"3\\"></div><div>First Name: Emma<button type=\\"button\\">Fetch User</button><button type=\\"button\\">Clear</button></div><div><h1>Counter</h1>Count: 1<button type=\\"button\\">+1</button><button type=\\"button\\">-1 (Delayed)</button></div></div></div>
+  <script type=\\"text/javascript\\" src=\\"main.js\\"></script>
+
+"
+`;
+
+exports[`13_saga should work with recorded events 4`] = `
+"
+    <div id=\\"app\\"><div><h1>Person</h1><div>User ID:<input value=\\"3\\"></div><div>First Name: Emma<button type=\\"button\\">Fetch User</button><button type=\\"button\\">Clear</button></div><div><h1>Counter</h1>Count: 1<button type=\\"button\\">+1</button><button type=\\"button\\">-1 (Delayed)</button></div></div></div>
+  <script type=\\"text/javascript\\" src=\\"main.js\\"></script>
+
+"
+`;
+
+exports[`13_saga should work with recorded events 5`] = `
+"
+    <div id=\\"app\\"><div><h1>Person</h1><div>User ID:<input value=\\"3\\"></div><div>First Name: Emma<button type=\\"button\\">Fetch User</button><button type=\\"button\\">Clear</button></div><div><h1>Counter</h1>Count: 0<button type=\\"button\\">+1</button><button type=\\"button\\">-1 (Delayed)</button></div></div></div>
+  <script type=\\"text/javascript\\" src=\\"main.js\\"></script>
+
+"
+`;

package.json

@@ -33,6 +33,7 @@
     "e2e-test:10_untracked": "server-test examples:10_untracked 8080 'jest --preset jest-puppeteer __tests__/e2e/10_untracked.js'",
     "e2e-test:11_form": "server-test examples:11_form 8080 'jest --preset jest-puppeteer __tests__/e2e/11_form.js'",
     "e2e-test:12_async": "server-test examples:12_async 8080 'jest --preset jest-puppeteer __tests__/e2e/12_async.js'",
+    "e2e-test:13_saga": "server-test examples:13_saga 8080 'jest --preset jest-puppeteer __tests__/e2e/13_saga.js'",
     "examples:01_minimal": "DIR=01_minimal EXT=js webpack-dev-server",
     "examples:02_typescript": "DIR=02_typescript webpack-dev-server",
     "examples:03_usestate": "DIR=03_usestate webpack-dev-server",