Quellcodebibliothek Statistik Leitseite products/Sources/formale Sprachen/C/Firefox/toolkit/content/tests/widgets/   (Firefox Browser Version 153.0.1©)  Datei vom 27.6.2026 mit Größe 26 kB image not shown  

Quelle  test_moz_button.html

  Sprache: HTML
 

 products/Sources/formale Sprachen/C/Firefox/toolkit/content/tests/widgets/test_moz_button.html


<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>MozButton Tests</title>
    <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
    <script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
    <script
      type="module"
      src="chrome://global/content/elements/moz-button.mjs"
    ></script>
    <link
      rel="stylesheet"
      href="chrome://mochikit/content/tests/SimpleTest/test.css"
    />
    <link
      rel="stylesheet"
      href="chrome://global/skin/design-system/tokens-brand.css"
    />
    <link
      rel="stylesheet"
      href="chrome://global/skin/design-system/text-and-typography.css"
    />
    <style>
      .four::part(button),
      .five::part(button),
      .six::part(button) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='context-fill' fill-opacity='context-fill-opacity'%3E%3Cpath d='M3 7 1.5 7l-.5.5L1 9l.5.5 1.5 0 .5-.5 0-1.5z'/%3E%3Cpath d='m8.75 7-1.5 0-.5.5 0 1.5.5.5 1.5 0 .5-.5 0-1.5z'/%3E%3Cpath d='M14.5 7 13 7l-.5.5 0 1.5.5.5 1.5 0L15 9l0-1.5z'/%3E%3C/svg%3E");
      }
    </style>
    <div id="target"></div>
    <script>
      const { AddonManager } = ChromeUtils.importESModule(
        "resource://gre/modules/AddonManager.sys.mjs"
      );
      const { BrowserTestUtils } = ChromeUtils.importESModule(
        "resource://testing-common/BrowserTestUtils.sys.mjs"
      );
      // Always run tests with the light theme for consistency and to avoid from false
      // test passes arising from the fact that --icon-color and --button-text-color
      // have the same value in the dark theme.
      add_setup(async function () {
        // Developer Edition enables the wrong theme by default. Make sure
        // the ordinary default theme is enabled.
        let theme = await AddonManager.getAddonByID(
          "default-theme@mozilla.org"
        );
        await theme.enable();

        await SpecialPowers.pushPrefEnv({
          set: [["ui.systemUsesDarkTheme"0]],
        });
        // Triggers a refresh to ensure new theme applied.
        await new Promise(resolve => requestAnimationFrame(resolve));
        ok(
          window.matchMedia("(prefers-color-scheme: light)").matches,
          "Light theme is active."
        );

        // Move mouse to the bottom of the test frame to prevent hover on buttons.
        let mouseTrap = document.getElementById("mouse-trap");
        await synthesizeMouseAtCenter(mouseTrap, { type: "mousemove" });
        ok(mouseTrap.matches(":hover"), "The mouse trap is hovered");
      });

      function normalizeColor(val, computedStyles) {
        // inherit computes to empty string, need to check the resolved color
        if (val === "") {
          val = computedStyles.color;
        }
        if (val.includes("currentColor")) {
          val = val.replaceAll("currentColor", computedStyles.color);
        }
        if (val.startsWith("light-dark")) {
          let [, light, dark] = val.match(/light-dark\(([^,]+),\s*([^)]+)\)/);
          if (light && dark) {
            val = window.matchMedia("(prefers-color-scheme: dark)").matches
              ? dark
              : light;
          }
        }
        try {
          let { r, g, ba } = InspectorUtils.colorToRGBA(val);
          return `rgba(${r}, ${g}, ${b}, ${a})`;
        } catch (e) {
          info(val);
          throw e;
        }
      }

      function normalizeBackgroundSize(val) {
        const el = document.querySelector("#target");
        el.style.backgroundSize = val;
        return el.style.backgroundSize;
      }

      function assertButtonPropertiesMatch(el, propertyToCssVar) {
        let elStyles = el.backgroundEl
          ? getComputedStyle(el.backgroundEl)
          : getComputedStyle(el);
        for (let [property, cssVar] of Object.entries(propertyToCssVar)) {
          let propertyVal = elStyles[property];
          let cssVarVal = cssVar.startsWith("--")
            ? elStyles.getPropertyValue(cssVar)
            : cssVar;
          if (
            propertyVal.startsWith("rgb") ||
            propertyVal.startsWith("#") ||
            propertyVal.startsWith("color") ||
            propertyVal.startsWith("oklch")
          ) {
            propertyVal = normalizeColor(propertyVal, elStyles);
            cssVarVal = normalizeColor(cssVarVal, elStyles);
          }
          if (property === "backgroundSize") {
            cssVarVal = normalizeBackgroundSize(propertyVal);
          }
          info(`${propertyVal} == ${cssVarVal}`);
          is(propertyVal, cssVarVal, `${property} should be ${cssVar}`);
        }
      }

      add_task(async function testButtonTypes() {
        let [...buttons] = document.querySelectorAll("moz-button");
        let [one, two, three, four, five, six, seven] = buttons;
        let toolbar = document.querySelector(".toolbar");
        let menuitem = document.querySelector(".menuitem");

        await Promise.all(buttons.map(btn => btn.updateComplete));

        is(one.textContent, "Test button""Text is set");
        is(two.buttonEl.textContent.trim(), "Test button""Text is set");
        is(three.textContent, "Test button""Text is set");
        is(seven.buttonEl.textContent.trim(), "Test button""Text is set");
        is(menuitem.buttonEl.textContent.trim(), "Test button""Text is set");

        assertButtonPropertiesMatch(one, {
          backgroundColor: "--button-background-color",
          color: "--button-text-color",
          minHeight: "--button-min-height",
        });
        assertButtonPropertiesMatch(two, {
          backgroundColor: "--button-background-color",
          color: "--button-text-color",
          minHeight: "--button-min-height",
        });
        assertButtonPropertiesMatch(three, {
          backgroundColor: "--button-background-color-primary",
          color: "--button-text-color-primary",
          height: "--button-min-height",
        });
        assertButtonPropertiesMatch(four, {
          width: "--button-size-icon",
          height: "--button-size-icon",
          backgroundColor: "--button-background-color",
          fill: "--button-text-color",
        });
        assertButtonPropertiesMatch(five, {
          width: "--button-size-icon",
          height: "--button-size-icon",
          backgroundColor: "--button-background-color-ghost",
          fill: "currentColor",
        });
        assertButtonPropertiesMatch(six, {
          width: "--button-size-icon",
          height: "--button-size-icon",
          backgroundColor: "--button-background-color-ghost",
          fill: "currentColor",
        });
        assertButtonPropertiesMatch(seven, {
          backgroundColor: "--button-background-color",
          color: "--button-text-color",
          minHeight: "--button-min-height",
        });
        assertButtonPropertiesMatch(toolbar, {
          backgroundColor: "--button-background-color-ghost",
          color: "--button-text-color-ghost",
          minHeight: "--button-min-height",
        });
        assertButtonPropertiesMatch(menuitem, {
          backgroundColor: "--button-background-color-menu",
          color: "--button-text-color-menu",
          paddingBlock: "--panel-menuitem-padding-block",
          paddingInline: "--panel-menuitem-padding-inline",
          marginInline: "--panel-menuitem-margin-inline",
        });

        buttons.forEach(btn => (btn.size = "small"));

        await Promise.all(buttons.map(btn => btn.updateComplete));

        assertButtonPropertiesMatch(one, {
          minHeight: "--button-min-height-small",
        });
        assertButtonPropertiesMatch(two, {
          minHeight: "--button-min-height-small",
        });
        assertButtonPropertiesMatch(three, {
          minHeight: "--button-min-height-small",
        });
        assertButtonPropertiesMatch(four, {
          width: "--button-size-icon-small",
          height: "--button-size-icon-small",
        });
        assertButtonPropertiesMatch(five, {
          width: "--button-size-icon-small",
          height: "--button-size-icon-small",
        });
        assertButtonPropertiesMatch(six, {
          width: "--button-size-icon-small",
          height: "--button-size-icon-small",
        });
        assertButtonPropertiesMatch(seven, {
          minHeight: "--button-min-height-small",
        });
        assertButtonPropertiesMatch(toolbar, {
          minHeight: "--button-min-height-small",
        });
      });

      add_task(async function testA11yAttributes() {
        let button = document.querySelector("moz-button");

        async function testProperty(propName, jsPropName = propName) {
          let propValue = `${propName} value`;
          ok(
            !button.buttonEl.hasAttribute(propName),
            `No ${propName} on inner button`
          );
          button.setAttribute(propName, propValue);

          await button.updateComplete;

          ok(!button.hasAttribute(propName), `moz-button ${propName} cleared`);
          is(
            button.buttonEl.getAttribute(propName),
            propValue,
            `${propName} added to inner button`
          );

          button[jsPropName] = null;
          await button.updateComplete;

          ok(
            !button.buttonEl.hasAttribute(propName),
            `${propName} cleared by setting property`
          );
        }

        await testProperty("title");
        await testProperty("aria-label""ariaLabel");
        await testProperty("aria-haspopup""ariaHasPopup");
        await testProperty("aria-expanded""ariaExpanded");
        await testProperty("aria-pressed""ariaPressed");
      });

      add_task(async function testIconButtons() {
        let buttons = [
          "four",
          "five",
          "six",
          "seven",
          "eight",
          "nine",
          "ten",
        ].map(className => document.querySelector(`.${className}`));
        let [four, five, six, seven, eight, nine, ten] = buttons;
        await Promise.all(buttons.map(btn => btn.updateComplete));

        function verifyBackgroundIcon(button, fill) {
          let img = button.shadowRoot.querySelector("img");
          ok(!img"button does not use an img element to display an icon");
          assertButtonPropertiesMatch(button, {
            fill,
            backgroundSize: "--icon-size",
          });
        }

        function verifyImageIcon(button, fill) {
          let img = button.shadowRoot.querySelector("img");
          ok(img"button uses an inner img element to display an icon");
          is(
            img.src,
            "chrome://global/skin/icons/edit.svg",
            "button displays the expected icon"
          );
          assertButtonPropertiesMatch(img, {
            fill,
            width: "--icon-size",
            height: "--icon-size",
          });
        }

        verifyBackgroundIcon(four, "--button-text-color");
        verifyBackgroundIcon(five, "currentColor");
        verifyBackgroundIcon(six, "currentColor");

        verifyImageIcon(seven, "--button-text-color");
        verifyImageIcon(eight, "--button-text-color");
        verifyImageIcon(nine, "currentColor");
        verifyImageIcon(ten, "currentColor");
        is(ten.buttonEl.innerText, "Edit""ten's label is correct");

        nine.textContent = "With text";
        // Ensure we've painted before checking styles
        await new Promise(resolve => requestAnimationFrame(resolve));
        verifyImageIcon(nine, "currentColor");

        nine.textContent = "";
        // Ensure we've painted before checking styles
        await new Promise(resolve => requestAnimationFrame(resolve));
        verifyImageIcon(nine, "currentColor");
      });

      add_task(async function testAccesskey() {
        let firstButton = document.querySelector(".one");
        let secondButton = document.querySelector(".two");
        let accesskey = "t";
        let seenEvents = [];

        function trackEvent(event) {
          seenEvents.push(event.type);
        }

        [firstButton, secondButton].forEach(button => {
          button.addEventListener("click", trackEvent);
        });

        firstButton.setAttribute("accesskey", accesskey);
        await firstButton.updateComplete;

        firstButton.blur();
        isnot(
          document.activeElement,
          firstButton,
          "First button is not focused."
        );
        isnot(
          firstButton.shadowRoot.activeElement,
          firstButton.buttonEl,
          "Inner button element is not focused."
        );

        synthesizeKey(
          accesskey,
          navigator.platform.includes("Mac")
            ? { altKey: true, ctrlKey: true }
            : { altKey: true, shiftKey: true }
        );

        is(
          document.activeElement,
          firstButton,
          "First button receives focus after accesskey is pressed."
        );
        is(
          firstButton.shadowRoot.activeElement,
          firstButton.buttonEl,
          "Inner button input element is focused after accesskey is pressed."
        );
        is(seenEvents.length, 1"One event was triggered.");
        is(seenEvents[0], "click""The first button was clicked.");

        secondButton.setAttribute("accesskey", accesskey);
        await secondButton.updateComplete;

        synthesizeKey(
          accesskey,
          navigator.platform.includes("Mac")
            ? { altKey: true, ctrlKey: true }
            : { altKey: true, shiftKey: true }
        );

        is(
          document.activeElement,
          secondButton,
          "Focus cycles between buttons with the same accesskey."
        );

        synthesizeKey(
          accesskey,
          navigator.platform.includes("Mac")
            ? { altKey: true, ctrlKey: true }
            : { altKey: true, shiftKey: true }
        );

        is(
          document.activeElement,
          firstButton,
          "Focus cycles between buttons with the same accesskey."
        );
        is(seenEvents.length, 1"No additional click events were triggered.");
      });

      add_task(async function testToolbarPaddingEvent() {
        let toolbarButton = document.querySelector(".eleven");
        let seenEvents = [];
        function trackEvent(event) {
          seenEvents.push(event.type);
        }
        toolbarButton.addEventListener("click", trackEvent);
        // Slightly offset the mouse click so that we click within
        // the toolbar button padding
        synthesizeMouse(toolbarButton, 44, {});

        is(
          seenEvents.length,
          1,
          "Clicking on button's padding must send a click event"
        );
      });
      add_task(async function testButtonDisable() {
        const mozButton = document.querySelector("moz-button");
        const nestedButton = mozButton.shadowRoot.querySelector("button");
        is(
          nestedButton.disabled,
          false,
          "Nested button is NOT disabled by default"
        );
        mozButton.disabled = true;
        await mozButton.updateComplete;
        is(
          nestedButton.disabled,
          true,
          "Nested button is disabled after moz-button disabled is set"
        );
        mozButton.parentDisabled = false;
        await mozButton.updateComplete;
        is(
          nestedButton.disabled,
          true,
          "Nested button is still disabled even if moz-button parentDisabled is set to false"
        );
        mozButton.disabled = false;
        mozButton.parentDisabled = true;
        await mozButton.updateComplete;
        is(
          nestedButton.disabled,
          true,
          "Nested button is still disabled when moz-button parentDisabled is set to true but disabled is set to false"
        );
        mozButton.disabled = false;
        mozButton.parentDisabled = false;
        await mozButton.updateComplete;
        is(
          nestedButton.disabled,
          false,
          "Button is NOT disabled when parentDisabled and disabled are both false"
        );
      });
      add_task(async function testMenuButton() {
        const PANEL_LIST_ID = "panel-list";
        let menuButton = document.querySelector(".four");
        let panelList = document.querySelector(`#${PANEL_LIST_ID}`);

        menuButton.menuId = PANEL_LIST_ID;
        await menuButton.updateComplete;

        let buttonElUpdated = BrowserTestUtils.waitForMutationCondition(
          menuButton.buttonEl,
          {
            attributes: true,
            attributeFilter: ["aria-haspopup""aria-expanded"],
          },
          () => {
            return (
              menuButton.buttonEl.hasAttribute("aria-haspopup") &&
              menuButton.buttonEl.hasAttribute("aria-expanded")
            );
          }
        );
        await buttonElUpdated;

        is(
          menuButton.buttonEl.getAttribute("aria-haspopup"),
          "menu",
          "Button element has aria-haspopup attribute set to menu"
        );

        ok(!panelList.open, "panel-list is hidden");

        is(
          menuButton.buttonEl.getAttribute("aria-expanded"),
          "false",
          "aria-expanded on button is set to false when the panel-list is hidden"
        );
        ok(
          !menuButton.hasAttribute("open"),
          "open attribute is not set on host when the panel-list is hidden"
        );

        assertButtonPropertiesMatch(menuButton, {
          backgroundColor: "--button-background-color",
          color: "--button-text-color",
          borderColor: "--button-border-color",
        });

        let openPromise = BrowserTestUtils.waitForEvent(panelList, "shown");
        synthesizeMouseAtCenter(menuButton, {});
        await openPromise;
        synthesizeMouseAtCenter(panelList, { type: "mousemove" }, window);

        ok(panelList.open, "panel-list is open");

        await menuButton.updateComplete;
        is(
          menuButton.buttonEl.getAttribute("aria-expanded"),
          "true",
          "aria-expanded on button is set to true when the panel-list is open"
        );
        ok(
          menuButton.hasAttribute("open"),
          "open attribute is set on host when the panel-list is open"
        );

        assertButtonPropertiesMatch(menuButton, {
          backgroundColor: "--button-background-color-selected",
          color: "--button-text-color-selected",
          borderColor: "--button-border-color-selected",
        });

        let hidePromise = BrowserTestUtils.waitForEvent(panelList, "hidden");
        synthesizeKey("Escape", {});
        await hidePromise;

        ok(!panelList.open, "panel-list is hidden");

        is(
          menuButton.buttonEl.getAttribute("aria-expanded"),
          "false",
          "aria-expanded on button is set to false when the panel-list is hidden"
        );
        ok(
          !menuButton.hasAttribute("open"),
          "open attribute is not set on host when the panel-list is hidden"
        );

        openPromise = BrowserTestUtils.waitForEvent(panelList, "shown");
        synthesizeMouseAtCenter(menuButton, {});
        await openPromise;

        menuButton.menuId = "";
        await menuButton.updateComplete;

        buttonElUpdated = BrowserTestUtils.waitForMutationCondition(
          menuButton.buttonEl,
          {
            attributes: true,
            attributeFilter: ["aria-haspopup""aria-expanded"],
          },
          () => {
            return (
              !menuButton.buttonEl.hasAttribute("aria-haspopup") &&
              !menuButton.buttonEl.hasAttribute("aria-expanded")
            );
          }
        );
        await buttonElUpdated;

        ok(
          !menuButton.buttonEl.getAttribute("aria-haspopup"),
          "Button element doesn't have aria-haspopup attribute"
        );

        ok(
          !menuButton.buttonEl.getAttribute("aria-expanded"),
          "Button element doesn't have aria-expanded attribute"
        );
        ok(
          !menuButton.hasAttribute("open"),
          "open attribute is removed when menuId is removed"
        );
        ok(panelList.open, "panel-list is still open");
        hidePromise = BrowserTestUtils.waitForEvent(panelList, "hidden");
        synthesizeKey("Escape", {});
        await hidePromise;
      });

      add_task(async function testSplitButton() {
        const PANEL_LIST_ID = "panel-list";
        let splitButton = document.querySelector(".four");
        let panelList = document.querySelector(`#${PANEL_LIST_ID}`);

        splitButton.menuId = PANEL_LIST_ID;
        splitButton.type = "split";
        await splitButton.updateComplete;

        is(
          splitButton.type,
          "split",
          "The type of moz-button is set to split button"
        );
        ok(splitButton.chevronButtonEl, "The chevron button renders.");

        let chevronButtonElUpdated = BrowserTestUtils.waitForMutationCondition(
          splitButton.chevronButtonEl,
          {
            attributes: true,
            attributeFilter: ["aria-haspopup""aria-expanded"],
          },
          () => {
            return (
              splitButton.chevronButtonEl.hasAttribute("aria-haspopup") &&
              splitButton.chevronButtonEl.hasAttribute("aria-expanded")
            );
          }
        );
        await chevronButtonElUpdated;

        assertButtonPropertiesMatch(splitButton, {
          borderStartStartRadius: "--button-border-radius",
          borderEndStartRadius: "--button-border-radius",
          borderStartEndRadius: "0px",
          borderEndEndRadius: "0px",
        });

        let chevronButtonBackgroundEl =
          splitButton.chevronButtonEl.querySelector(".button-background");
        assertButtonPropertiesMatch(chevronButtonBackgroundEl, {
          borderStartStartRadius: "0px",
          borderEndStartRadius: "0px",
          borderStartEndRadius: "--button-border-radius",
          borderEndEndRadius: "--button-border-radius",
        });

        is(
          splitButton.chevronButtonEl.getAttribute("aria-labelledby"),
          `${splitButton.buttonEl.id} ${splitButton.chevronButtonEl.id}`,
          "Chevron button element has expected aria-labelledby attribute"
        );

        is(
          splitButton.chevronButtonEl.getAttribute("data-l10n-id"),
          "moz-button-more-options",
          "Chevron button has expected data-l10n-id attribute."
        );

        ok(!panelList.open, "panel-list is hidden");
        ok(
          !splitButton.buttonEl.hasAttribute("aria-haspopup"),
          "Button element does not have aria-haspopup attribute"
        );
        is(
          splitButton.chevronButtonEl.getAttribute("aria-haspopup"),
          "menu",
          "Chevron button element has aria-haspopup attribute set to menu"
        );
        ok(
          !splitButton.buttonEl.hasAttribute("aria-expanded"),
          "Button element does not have aria-haspopup attribute"
        );
        is(
          splitButton.chevronButtonEl.getAttribute("aria-expanded"),
          "false",
          "aria-expanded on chevron button is set to false when the panel-list is hidden"
        );
        ok(
          !splitButton.hasAttribute("open"),
          "open attribute is not set on host when the panel-list is hidden"
        );

        let openPromise = BrowserTestUtils.waitForEvent(panelList, "shown");
        synthesizeMouseAtCenter(splitButton.chevronButtonEl, {});
        await openPromise;
        synthesizeMouseAtCenter(panelList, { type: "mousemove" }, window);

        ok(panelList.open, "panel-list is open");

        await splitButton.updateComplete;
        is(
          splitButton.chevronButtonEl.getAttribute("aria-expanded"),
          "true",
          "aria-expanded on chevron button is set to true when the panel-list is open"
        );
        ok(
          splitButton.hasAttribute("open"),
          "open attribute is set on host when the panel-list is open"
        );

        let hidePromise = BrowserTestUtils.waitForEvent(panelList, "hidden");
        synthesizeKey("Escape", {});
        await hidePromise;

        ok(!panelList.open, "panel-list is hidden");

        is(
          splitButton.chevronButtonEl.getAttribute("aria-expanded"),
          "false",
          "aria-expanded on chevron button is set to false when the panel-list is hidden"
        );
        ok(
          !splitButton.hasAttribute("open"),
          "open attribute is not set on host when the panel-list is hidden"
        );
      });

      add_task(async function testMozButtonLabelWithAccesskeyUpdate() {
        const NEW_LABEL = "Updated label";
        const ACCESSKEY = "t";

        let button = document.querySelector("moz-button.two");
        button.accessKey = ACCESSKEY;
        await button.updateComplete;

        button.label = NEW_LABEL;
        await button.updateComplete;

        is(
          button.buttonEl.textContent.trim(),
          NEW_LABEL,
          "Button label updates to new value without corruption when accesskey is set."
        );
      });
    </script>
  </head>
  <body>
    <style>
      .wrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 64px;
      }
      .eleven {
        /* Used to verify click events on the toolbar button */
        --button-outer-padding-inline: 48px;
        --button-outer-padding-block: 48px;
      }
    </style>
    <div class="wrapper">
      <div>
        <moz-button class="one">Test button</moz-button>
        <moz-button class="two" label="Test button"></moz-button>
        <moz-button class="three" type="primary">Test button</moz-button>
        <moz-button class="four" type="icon"></moz-button>
        <moz-button class="five" type="icon ghost"></moz-button>
        <moz-button class="six" type="ghost icon"></moz-button>
        <moz-button
          class="seven"
          label="Test button"
          iconsrc="chrome://global/skin/icons/edit.svg"
        ></moz-button>
        <moz-button
          class="eight"
          iconsrc="chrome://global/skin/icons/edit.svg"
        ></moz-button>
        <!-- Used to verify that empty space doesn't get treated as a label -->
        <moz-button
          class="nine"
          type="ghost"
          iconsrc="chrome://global/skin/icons/edit.svg"
        >
        </moz-button>
        <!-- Used to verify that empty space doesn't overwrite a label property -->
        <moz-button
          class="ten"
          label="Edit"
          type="ghost"
          iconsrc="chrome://global/skin/icons/edit.svg"
        >
        </moz-button>
        <!-- Used to verify that click events work as expected in the padding around
           toolbar buttons -->

        <moz-button class="eleven" label="toolbar"> </moz-button>
        <moz-button
          class="toolbar"
          type="toolbar"
          label="Test button"
        ></moz-button>
        <moz-button
          class="menuitem"
          type="menuitem"
          label="Test button"
        ></moz-button>
      </div>
      <button id="mouse-trap">Mouse goes here</button>
      <panel-list id="panel-list">
        <panel-item>Item One</panel-item>
        <panel-item>Item Two</panel-item>
        <panel-item>Item Three</panel-item>
      </panel-list>
    </div>
  </body>
</html>

Messung V0.5 in Prozent
C=100 H=100 G=100

¤ Dauer der Verarbeitung: 0.9 Sekunden  ¤

*© Formatika GbR, Deutschland






Wurzel

Suchen

PVS Prover

Isabelle Prover

NIST Cobol Testsuite

Cephes Mathematical Library

Vienna Development Method

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.