coulomb/testdrive-jsui
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: apply eslint --fix (semi, indent 4); no behavior change, Jest 68/68
All checks were successful
CI Smoke / host-smoke (push) Successful in 0s
Details
CI Smoke / container-smoke (push) Successful in 1s
Details

Browse source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

Assistant: claude-code
Assistant-Model: sonnet
Assistant-Process: 299063@bnt-lap001
Assistant-Session: 53eb1e1c-c13a-4277-9ce2-3702960d93f7
This commit is contained in:
tegwick 2026-10-02 22:59:33 +02:00
parent de47bf1d2b
commit 652cb4e255
43 changed files with 1081 additions and 1115 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/ui-edit-button/ui-edit-button.js
View file

@ -1,7 +1,7 @@
import { LitElement, html, css } from "lit";
import { LitElement, html, css } from 'lit';
export class UiEditButton extends LitElement {
static styles = css`
static styles = css`
button {
position: fixed;
top: 50%;
@ -20,13 +20,13 @@ export class UiEditButton extends LitElement {
}
`;
render() {
return html`<button @click=${this._onClick}>✎ Edit</button>`;
}
render() {
return html`<button @click=${this._onClick}>✎ Edit</button>`;
}
_onClick() {
alert("Edit button clicked!");
}
_onClick() {
alert('Edit button clicked!');
}
}
customElements.define("ui-edit-button", UiEditButton);
customElements.define('ui-edit-button', UiEditButton);

6
src/components/ui-edit-button/ui-edit-button.stories.js
View file

@ -1,7 +1,7 @@
import "./ui-edit-button.js";
import './ui-edit-button.js';
export default {
title: "UI/Edit Button",
title: 'UI/Edit Button'
};
export const Default = () => `<ui-edit-button></ui-edit-button>`;
export const Default = () => '<ui-edit-button></ui-edit-button>';

36
src/components/ui-edit-button/ui-edit-button.test.js
View file

@ -1,24 +1,24 @@
import "../ui-edit-button/ui-edit-button.js";
import '../ui-edit-button/ui-edit-button.js';
describe("<ui-edit-button>", () => {
it("renders a button element", () => {
const el = document.createElement("ui-edit-button");
document.body.appendChild(el);
const button = el.shadowRoot.querySelector("button");
expect(button).to.exist;
expect(button.textContent).to.include("Edit");
});
describe('<ui-edit-button>', () => {
it('renders a button element', () => {
const el = document.createElement('ui-edit-button');
document.body.appendChild(el);
const button = el.shadowRoot.querySelector('button');
expect(button).to.exist;
expect(button.textContent).to.include('Edit');
});
it("triggers a click handler", () => {
const el = document.createElement("ui-edit-button");
document.body.appendChild(el);
it('triggers a click handler', () => {
const el = document.createElement('ui-edit-button');
document.body.appendChild(el);
let clicked = false;
el._onClick = () => (clicked = true);
let clicked = false;
el._onClick = () => (clicked = true);
const button = el.shadowRoot.querySelector("button");
button.click();
const button = el.shadowRoot.querySelector('button');
button.click();
expect(clicked).to.be.true;
});
expect(clicked).to.be.true;
});
});

4
src/index.js
View file

@ -48,8 +48,8 @@ import '../js/testdrive-jsui.js';
// Get the TestDriveJSUI from window (set by testdrive-jsui.js)
// In UMD build, this will be available globally
const TestDriveJSUI = (typeof window !== 'undefined' && window.TestDriveJSUI)
|| (typeof global !== 'undefined' && global.TestDriveJSUI);
const TestDriveJSUI = (typeof window !== 'undefined' && window.TestDriveJSUI) ||
(typeof global !== 'undefined' && global.TestDriveJSUI);
// Export for ES modules and CommonJS
export default TestDriveJSUI;