chore: restore Playwright tests for counters example (#2864)
This commit is contained in:
parent
d5096ff2e6
commit
c5dea52e69
|
@ -0,0 +1,6 @@
|
||||||
|
# Support playwright testing
|
||||||
|
node_modules/
|
||||||
|
test-results/
|
||||||
|
end2end/playwright-report/
|
||||||
|
playwright/.cache/
|
||||||
|
pnpm-lock.yaml
|
|
@ -2,4 +2,5 @@ extend = [
|
||||||
{ path = "../cargo-make/main.toml" },
|
{ path = "../cargo-make/main.toml" },
|
||||||
{ path = "../cargo-make/wasm-test.toml" },
|
{ path = "../cargo-make/wasm-test.toml" },
|
||||||
{ path = "../cargo-make/trunk_server.toml" },
|
{ path = "../cargo-make/trunk_server.toml" },
|
||||||
|
{ path = "../cargo-make/playwright-trunk-test.toml" },
|
||||||
]
|
]
|
||||||
|
|
|
@ -0,0 +1,4 @@
|
||||||
|
node_modules/
|
||||||
|
/test-results/
|
||||||
|
/playwright-report/
|
||||||
|
/playwright/.cache/
|
|
@ -0,0 +1,83 @@
|
||||||
|
{
|
||||||
|
"name": "grip",
|
||||||
|
"lockfileVersion": 3,
|
||||||
|
"requires": true,
|
||||||
|
"packages": {
|
||||||
|
"": {
|
||||||
|
"name": "grip",
|
||||||
|
"devDependencies": {
|
||||||
|
"@playwright/test": "^1.35.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/.pnpm/@playwright+test@1.33.0": {
|
||||||
|
"extraneous": true
|
||||||
|
},
|
||||||
|
"node_modules/.pnpm/@types+node@20.2.1/node_modules/@types/node": {
|
||||||
|
"version": "20.2.1",
|
||||||
|
"extraneous": true,
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/.pnpm/playwright-core@1.33.0/node_modules/playwright-core": {
|
||||||
|
"version": "1.33.0",
|
||||||
|
"extraneous": true,
|
||||||
|
"license": "Apache-2.0",
|
||||||
|
"bin": {
|
||||||
|
"playwright": "cli.js"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=14"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@playwright/test": {
|
||||||
|
"version": "1.35.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.35.1.tgz",
|
||||||
|
"integrity": "sha512-b5YoFe6J9exsMYg0pQAobNDR85T1nLumUYgUTtKm4d21iX2L7WqKq9dW8NGJ+2vX0etZd+Y7UeuqsxDXm9+5ZA==",
|
||||||
|
"dev": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@types/node": "*",
|
||||||
|
"playwright-core": "1.35.1"
|
||||||
|
},
|
||||||
|
"bin": {
|
||||||
|
"playwright": "cli.js"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=16"
|
||||||
|
},
|
||||||
|
"optionalDependencies": {
|
||||||
|
"fsevents": "2.3.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@types/node": {
|
||||||
|
"version": "20.3.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/node/-/node-20.3.1.tgz",
|
||||||
|
"integrity": "sha512-EhcH/wvidPy1WeML3TtYFGR83UzjxeWRen9V402T8aUGYsCHOmfoisV3ZSg03gAFIbLq8TnWOJ0f4cALtnSEUg==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"node_modules/fsevents": {
|
||||||
|
"version": "2.3.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
|
||||||
|
"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
|
||||||
|
"dev": true,
|
||||||
|
"hasInstallScript": true,
|
||||||
|
"optional": true,
|
||||||
|
"os": [
|
||||||
|
"darwin"
|
||||||
|
],
|
||||||
|
"engines": {
|
||||||
|
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/playwright-core": {
|
||||||
|
"version": "1.35.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.35.1.tgz",
|
||||||
|
"integrity": "sha512-pNXb6CQ7OqmGDRspEjlxE49w+4YtR6a3X6mT1hZXeJHWmsEz7SunmvZeiG/+y1yyMZdHnnn73WKYdtV1er0Xyg==",
|
||||||
|
"dev": true,
|
||||||
|
"bin": {
|
||||||
|
"playwright-core": "cli.js"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=16"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,10 @@
|
||||||
|
{
|
||||||
|
"private": "true",
|
||||||
|
"scripts": {},
|
||||||
|
"devDependencies": {
|
||||||
|
"@playwright/test": "^1.46.1"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"pnpm": "^9.7.1"
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,77 @@
|
||||||
|
import { defineConfig, devices } from "@playwright/test";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Read environment variables from file.
|
||||||
|
* https://github.com/motdotla/dotenv
|
||||||
|
*/
|
||||||
|
// require('dotenv').config();
|
||||||
|
|
||||||
|
/**
|
||||||
|
* See https://playwright.dev/docs/test-configuration.
|
||||||
|
*/
|
||||||
|
export default defineConfig({
|
||||||
|
testDir: "./tests",
|
||||||
|
/* Run tests in files in parallel */
|
||||||
|
fullyParallel: true,
|
||||||
|
/* Fail the build on CI if you accidentally left test.only in the source code. */
|
||||||
|
forbidOnly: !process.env.DEV,
|
||||||
|
/* Retry on CI only */
|
||||||
|
retries: process.env.DEV ? 0 : 10,
|
||||||
|
/* Opt out of parallel tests on CI. */
|
||||||
|
workers: process.env.DEV ? 1 : 1,
|
||||||
|
/* Reporter to use. See https://playwright.dev/docs/test-reporters */
|
||||||
|
reporter: [["html", { open: "never" }], ["list"]],
|
||||||
|
/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
|
||||||
|
use: {
|
||||||
|
/* Base URL to use in actions like `await page.goto('/')`. */
|
||||||
|
baseURL: "http://127.0.0.1:8080",
|
||||||
|
|
||||||
|
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
|
||||||
|
trace: "on-first-retry",
|
||||||
|
},
|
||||||
|
|
||||||
|
/* Configure projects for major browsers */
|
||||||
|
projects: [
|
||||||
|
{
|
||||||
|
name: "chromium",
|
||||||
|
use: { ...devices["Desktop Chrome"] },
|
||||||
|
},
|
||||||
|
|
||||||
|
// {
|
||||||
|
// name: "firefox",
|
||||||
|
// use: { ...devices["Desktop Firefox"] },
|
||||||
|
// },
|
||||||
|
|
||||||
|
// {
|
||||||
|
// name: "webkit",
|
||||||
|
// use: { ...devices["Desktop Safari"] },
|
||||||
|
// },
|
||||||
|
|
||||||
|
/* Test against mobile viewports. */
|
||||||
|
// {
|
||||||
|
// name: 'Mobile Chrome',
|
||||||
|
// use: { ...devices['Pixel 5'] },
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// name: 'Mobile Safari',
|
||||||
|
// use: { ...devices['iPhone 12'] },
|
||||||
|
// },
|
||||||
|
|
||||||
|
/* Test against branded browsers. */
|
||||||
|
// {
|
||||||
|
// name: 'Microsoft Edge',
|
||||||
|
// use: { ...devices['Desktop Edge'], channel: 'msedge' },
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// name: 'Google Chrome',
|
||||||
|
// use: { ..devices['Desktop Chrome'], channel: 'chrome' },
|
||||||
|
// },
|
||||||
|
],
|
||||||
|
|
||||||
|
/* Run your local dev server before starting the tests */
|
||||||
|
// webServer: {
|
||||||
|
// command: "cd ../ && trunk serve",
|
||||||
|
// url: "http://127.0.0.1:8080",
|
||||||
|
// reuseExistingServer: false, //!process.env.CI,
|
||||||
|
// },
|
||||||
|
});
|
|
@ -0,0 +1,19 @@
|
||||||
|
import { test, expect } from "@playwright/test";
|
||||||
|
import { CountersPage } from "./fixtures/counters_page";
|
||||||
|
|
||||||
|
test.describe("Add 1000 Counters", () => {
|
||||||
|
test("should increase the number of counters", async ({ page }) => {
|
||||||
|
const ui = new CountersPage(page);
|
||||||
|
|
||||||
|
await Promise.all([
|
||||||
|
await ui.goto(),
|
||||||
|
await ui.addOneThousandCountersButton.waitFor(),
|
||||||
|
]);
|
||||||
|
|
||||||
|
await ui.addOneThousandCounters();
|
||||||
|
await ui.addOneThousandCounters();
|
||||||
|
await ui.addOneThousandCounters();
|
||||||
|
|
||||||
|
await expect(ui.counters).toHaveText("3000");
|
||||||
|
});
|
||||||
|
});
|
|
@ -0,0 +1,15 @@
|
||||||
|
import { test, expect } from "@playwright/test";
|
||||||
|
import { CountersPage } from "./fixtures/counters_page";
|
||||||
|
|
||||||
|
test.describe("Add Counter", () => {
|
||||||
|
test("should increase the number of counters", async ({ page }) => {
|
||||||
|
const ui = new CountersPage(page);
|
||||||
|
await ui.goto();
|
||||||
|
|
||||||
|
await ui.addCounter();
|
||||||
|
await ui.addCounter();
|
||||||
|
await ui.addCounter();
|
||||||
|
|
||||||
|
await expect(ui.counters).toHaveText("3");
|
||||||
|
});
|
||||||
|
});
|
|
@ -0,0 +1,18 @@
|
||||||
|
import { test, expect } from "@playwright/test";
|
||||||
|
import { CountersPage } from "./fixtures/counters_page";
|
||||||
|
|
||||||
|
test.describe("Clear Counters", () => {
|
||||||
|
test("should reset the counts", async ({ page }) => {
|
||||||
|
const ui = new CountersPage(page);
|
||||||
|
await ui.goto();
|
||||||
|
|
||||||
|
await ui.addCounter();
|
||||||
|
await ui.addCounter();
|
||||||
|
await ui.addCounter();
|
||||||
|
|
||||||
|
await ui.clearCounters();
|
||||||
|
|
||||||
|
await expect(ui.total).toHaveText("0");
|
||||||
|
await expect(ui.counters).toHaveText("0");
|
||||||
|
});
|
||||||
|
});
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { test, expect } from "@playwright/test";
|
||||||
|
import { CountersPage } from "./fixtures/counters_page";
|
||||||
|
|
||||||
|
test.describe("Decrement Count", () => {
|
||||||
|
test("should decrease the total count", async ({ page }) => {
|
||||||
|
const ui = new CountersPage(page);
|
||||||
|
await ui.goto();
|
||||||
|
await ui.addCounter();
|
||||||
|
|
||||||
|
await ui.decrementCount();
|
||||||
|
await ui.decrementCount();
|
||||||
|
await ui.decrementCount();
|
||||||
|
|
||||||
|
await expect(ui.total).toHaveText("-3");
|
||||||
|
});
|
||||||
|
});
|
|
@ -0,0 +1,30 @@
|
||||||
|
import { test, expect } from "@playwright/test";
|
||||||
|
import { CountersPage } from "./fixtures/counters_page";
|
||||||
|
|
||||||
|
test.describe("Enter Count", () => {
|
||||||
|
test("should increase the total count", async ({ page }) => {
|
||||||
|
const ui = new CountersPage(page);
|
||||||
|
await ui.goto();
|
||||||
|
await ui.addCounter();
|
||||||
|
|
||||||
|
await ui.enterCount("5");
|
||||||
|
|
||||||
|
await expect(ui.total).toHaveText("5");
|
||||||
|
await expect(ui.counters).toHaveText("1");
|
||||||
|
});
|
||||||
|
|
||||||
|
test("should decrease the total count", async ({ page }) => {
|
||||||
|
const ui = new CountersPage(page);
|
||||||
|
await ui.goto();
|
||||||
|
await ui.addCounter();
|
||||||
|
await ui.addCounter();
|
||||||
|
await ui.addCounter();
|
||||||
|
|
||||||
|
await ui.enterCount("100");
|
||||||
|
await ui.enterCount("100", 1);
|
||||||
|
await ui.enterCount("100", 2);
|
||||||
|
await ui.enterCount("50", 1);
|
||||||
|
|
||||||
|
await expect(ui.total).toHaveText("250");
|
||||||
|
});
|
||||||
|
});
|
|
@ -0,0 +1,98 @@
|
||||||
|
import { expect, Locator, Page } from "@playwright/test";
|
||||||
|
|
||||||
|
export class CountersPage {
|
||||||
|
readonly page: Page;
|
||||||
|
readonly addCounterButton: Locator;
|
||||||
|
readonly addOneThousandCountersButton: Locator;
|
||||||
|
readonly clearCountersButton: Locator;
|
||||||
|
|
||||||
|
readonly incrementCountButton: Locator;
|
||||||
|
readonly counterInput: Locator;
|
||||||
|
readonly decrementCountButton: Locator;
|
||||||
|
readonly removeCountButton: Locator;
|
||||||
|
|
||||||
|
readonly total: Locator;
|
||||||
|
readonly counters: Locator;
|
||||||
|
|
||||||
|
constructor(page: Page) {
|
||||||
|
this.page = page;
|
||||||
|
|
||||||
|
this.addCounterButton = page.locator("button", { hasText: "Add Counter" });
|
||||||
|
|
||||||
|
this.addOneThousandCountersButton = page.locator("button", {
|
||||||
|
hasText: "Add 1000 Counters",
|
||||||
|
});
|
||||||
|
|
||||||
|
this.clearCountersButton = page.locator("button", {
|
||||||
|
hasText: "Clear Counters",
|
||||||
|
});
|
||||||
|
|
||||||
|
this.decrementCountButton = page.locator("button", {
|
||||||
|
hasText: "-1",
|
||||||
|
});
|
||||||
|
|
||||||
|
this.incrementCountButton = page.locator("button", {
|
||||||
|
hasText: "+1",
|
||||||
|
});
|
||||||
|
|
||||||
|
this.removeCountButton = page.locator("button", {
|
||||||
|
hasText: "x",
|
||||||
|
});
|
||||||
|
|
||||||
|
this.total = page.getByTestId("total");
|
||||||
|
|
||||||
|
this.counters = page.getByTestId("counters");
|
||||||
|
|
||||||
|
this.counterInput = page.getByRole("textbox");
|
||||||
|
}
|
||||||
|
|
||||||
|
async goto() {
|
||||||
|
await this.page.goto("/");
|
||||||
|
}
|
||||||
|
|
||||||
|
async addCounter() {
|
||||||
|
await Promise.all([
|
||||||
|
this.addCounterButton.waitFor(),
|
||||||
|
this.addCounterButton.click(),
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
async addOneThousandCounters() {
|
||||||
|
this.addOneThousandCountersButton.click();
|
||||||
|
}
|
||||||
|
|
||||||
|
async decrementCount(index: number = 0) {
|
||||||
|
await Promise.all([
|
||||||
|
this.decrementCountButton.nth(index).waitFor(),
|
||||||
|
this.decrementCountButton.nth(index).click(),
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
async incrementCount(index: number = 0) {
|
||||||
|
await Promise.all([
|
||||||
|
this.incrementCountButton.nth(index).waitFor(),
|
||||||
|
this.incrementCountButton.nth(index).click(),
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
async clearCounters() {
|
||||||
|
await Promise.all([
|
||||||
|
this.clearCountersButton.waitFor(),
|
||||||
|
this.clearCountersButton.click(),
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
async enterCount(count: string, index: number = 0) {
|
||||||
|
await Promise.all([
|
||||||
|
this.counterInput.nth(index).waitFor(),
|
||||||
|
this.counterInput.nth(index).fill(count),
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
async removeCounter(index: number = 0) {
|
||||||
|
await Promise.all([
|
||||||
|
this.removeCountButton.nth(index).waitFor(),
|
||||||
|
this.removeCountButton.nth(index).click(),
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
}
|
|
@ -0,0 +1,16 @@
|
||||||
|
import { test, expect } from "@playwright/test";
|
||||||
|
import { CountersPage } from "./fixtures/counters_page";
|
||||||
|
|
||||||
|
test.describe("Increment Count", () => {
|
||||||
|
test("should increase the total count", async ({ page }) => {
|
||||||
|
const ui = new CountersPage(page);
|
||||||
|
await ui.goto();
|
||||||
|
await ui.addCounter();
|
||||||
|
|
||||||
|
await ui.incrementCount();
|
||||||
|
await ui.incrementCount();
|
||||||
|
await ui.incrementCount();
|
||||||
|
|
||||||
|
await expect(ui.total).toHaveText("3");
|
||||||
|
});
|
||||||
|
});
|
|
@ -0,0 +1,17 @@
|
||||||
|
import { test, expect } from "@playwright/test";
|
||||||
|
import { CountersPage } from "./fixtures/counters_page";
|
||||||
|
|
||||||
|
test.describe("Remove Counter", () => {
|
||||||
|
test("should decrement the number of counters", async ({ page }) => {
|
||||||
|
const ui = new CountersPage(page);
|
||||||
|
await ui.goto();
|
||||||
|
|
||||||
|
await ui.addCounter();
|
||||||
|
await ui.addCounter();
|
||||||
|
await ui.addCounter();
|
||||||
|
|
||||||
|
await ui.removeCounter(1);
|
||||||
|
|
||||||
|
await expect(ui.counters).toHaveText("2");
|
||||||
|
});
|
||||||
|
});
|
|
@ -0,0 +1,19 @@
|
||||||
|
import { test, expect } from "@playwright/test";
|
||||||
|
import { CountersPage } from "./fixtures/counters_page";
|
||||||
|
|
||||||
|
test.describe("View Counters", () => {
|
||||||
|
test("should see the title", async ({ page }) => {
|
||||||
|
const ui = new CountersPage(page);
|
||||||
|
await ui.goto();
|
||||||
|
|
||||||
|
await expect(page).toHaveTitle("Counters");
|
||||||
|
});
|
||||||
|
|
||||||
|
test("should see the initial counts", async ({ page }) => {
|
||||||
|
const counters = new CountersPage(page);
|
||||||
|
await counters.goto();
|
||||||
|
|
||||||
|
await expect(counters.total).toHaveText("0");
|
||||||
|
await expect(counters.counters).toHaveText("0");
|
||||||
|
});
|
||||||
|
});
|
|
@ -2,6 +2,7 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link data-trunk rel="rust" data-wasm-opt="z" data-weak-refs/>
|
<link data-trunk rel="rust" data-wasm-opt="z" data-weak-refs/>
|
||||||
|
<title>Counters</title>
|
||||||
</head>
|
</head>
|
||||||
<body></body>
|
<body></body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -44,12 +44,13 @@ pub fn Counters() -> impl IntoView {
|
||||||
<button on:click=clear_counters>"Clear Counters"</button>
|
<button on:click=clear_counters>"Clear Counters"</button>
|
||||||
<p>
|
<p>
|
||||||
"Total: "
|
"Total: "
|
||||||
<span>
|
<span data-testid="total">
|
||||||
{move || {
|
{move || {
|
||||||
counters.get().iter().map(|(_, count)| count.get()).sum::<i32>().to_string()
|
counters.get().iter().map(|(_, count)| count.get()).sum::<i32>().to_string()
|
||||||
}}
|
}}
|
||||||
|
|
||||||
</span> " from " <span>{move || counters.get().len().to_string()}</span>
|
</span> " from "
|
||||||
|
<span data-testid="counters">{move || counters.get().len().to_string()}</span>
|
||||||
" counters."
|
" counters."
|
||||||
</p>
|
</p>
|
||||||
<ul>
|
<ul>
|
||||||
|
|
|
@ -23,7 +23,7 @@ async fn inc() {
|
||||||
div.inner_html(),
|
div.inner_html(),
|
||||||
"<button>Add Counter</button><button>Add 1000 \
|
"<button>Add Counter</button><button>Add 1000 \
|
||||||
Counters</button><button>Clear Counters</button><p>Total: \
|
Counters</button><button>Clear Counters</button><p>Total: \
|
||||||
<span>0</span> from <span>0</span> counters.</p><ul><!----></ul>"
|
<span data-testid=\"total\">0</span> from <span data-testid=\"counters\">0</span> counters.</p><ul><!----></ul>"
|
||||||
);
|
);
|
||||||
|
|
||||||
// add 3 counters
|
// add 3 counters
|
||||||
|
@ -38,7 +38,7 @@ async fn inc() {
|
||||||
div.inner_html(),
|
div.inner_html(),
|
||||||
"<button>Add Counter</button><button>Add 1000 \
|
"<button>Add Counter</button><button>Add 1000 \
|
||||||
Counters</button><button>Clear Counters</button><p>Total: \
|
Counters</button><button>Clear Counters</button><p>Total: \
|
||||||
<span>0</span> from <span>3</span> \
|
<span data-testid=\"total\">0</span> from <span data-testid=\"counters\">3</span> \
|
||||||
counters.</p><ul><li><button>-1</button><input \
|
counters.</p><ul><li><button>-1</button><input \
|
||||||
type=\"text\"><span>0</span><button>+1</button><button>x</button></\
|
type=\"text\"><span>0</span><button>+1</button><button>x</button></\
|
||||||
li><li><button>-1</button><input \
|
li><li><button>-1</button><input \
|
||||||
|
@ -80,7 +80,7 @@ async fn inc() {
|
||||||
div.inner_html(),
|
div.inner_html(),
|
||||||
"<button>Add Counter</button><button>Add 1000 \
|
"<button>Add Counter</button><button>Add 1000 \
|
||||||
Counters</button><button>Clear Counters</button><p>Total: \
|
Counters</button><button>Clear Counters</button><p>Total: \
|
||||||
<span>6</span> from <span>3</span> \
|
<span data-testid=\"total\">6</span> from <span data-testid=\"counters\">3</span> \
|
||||||
counters.</p><ul><li><button>-1</button><input \
|
counters.</p><ul><li><button>-1</button><input \
|
||||||
type=\"text\"><span>1</span><button>+1</button><button>x</button></\
|
type=\"text\"><span>1</span><button>+1</button><button>x</button></\
|
||||||
li><li><button>-1</button><input \
|
li><li><button>-1</button><input \
|
||||||
|
@ -105,7 +105,7 @@ async fn inc() {
|
||||||
div.inner_html(),
|
div.inner_html(),
|
||||||
"<button>Add Counter</button><button>Add 1000 \
|
"<button>Add Counter</button><button>Add 1000 \
|
||||||
Counters</button><button>Clear Counters</button><p>Total: \
|
Counters</button><button>Clear Counters</button><p>Total: \
|
||||||
<span>5</span> from <span>2</span> \
|
<span data-testid=\"total\">5</span> from <span data-testid=\"counters\">2</span> \
|
||||||
counters.</p><ul><li><button>-1</button><input \
|
counters.</p><ul><li><button>-1</button><input \
|
||||||
type=\"text\"><span>2</span><button>+1</button><button>x</button></\
|
type=\"text\"><span>2</span><button>+1</button><button>x</button></\
|
||||||
li><li><button>-1</button><input \
|
li><li><button>-1</button><input \
|
||||||
|
|
Loading…
Reference in New Issue