mirror of
https://github.com/maputnik/editor.git
synced 2025-12-06 22:30:00 +00:00
## Launch Checklist This PR adds the ability to look at the entire style and edit it in a code editor that supports syntax highlight, errors, search and more. - Resolves #820 CC: @Kanahiro as I know you did something similar, probably has better performance... After: <img width="1920" height="937" alt="image" src="https://github.com/user-attachments/assets/f925cf92-2623-4390-8f75-14d7f6a79171" /> - [x] Briefly describe the changes in this PR. - [x] Link to related issues. - [x] Include before/after visuals or gifs if this PR includes visual changes. - [x] Write tests for all new functionality. - [x] Add an entry to `CHANGELOG.md` under the `## main` section. --------- Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com> Co-authored-by: Frank Elsinga <frank@elsinga.de>
19 lines
553 B
TypeScript
19 lines
553 B
TypeScript
import { MaputnikDriver } from "./maputnik-driver";
|
|
|
|
describe("code editor", () => {
|
|
const { beforeAndAfter, when, get, then } = new MaputnikDriver();
|
|
beforeAndAfter();
|
|
|
|
it("open code editor", () => {
|
|
when.click("nav:code-editor");
|
|
then(get.element(".maputnik-code-editor")).shouldExist();
|
|
});
|
|
|
|
it("closes code editor", () => {
|
|
when.click("nav:code-editor");
|
|
then(get.element(".maputnik-code-editor")).shouldExist();
|
|
when.click("nav:code-editor");
|
|
then(get.element(".maputnik-code-editor")).shouldNotExist();
|
|
});
|
|
});
|