Ziele Untersuchung
mit Columbo Integrität von
Datenbanken Interaktion und
Portierbarkeit Ergonomie der
Schnittstellen

Angebot Produkte Projekt Beratung

Mittel Analytik Modellierung Sprachen Algebra Logik Hardware Denken Kreativität

Zusammenhänge Gesellschaft Wirtschaft Branche Firma


products/Sources/formale Sprachen/C/Firefox/toolkit/content/tests/widgets/ (Browser von der Mozilla Stiftung Version 136.0.1^©) Datei vom 10.2.2025 mit Größe 3 kB

Quelle test_moz_lit_element.html Sprache: HTML

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

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>MozLitElement Tests</title>
  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  <script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
  <link rel="stylesheet" href="chrome://mochikit/content/tests/SimpleTest/test.css"/>
  <script>
    let html, render, renderTarget, defaultTemplate, MozLitElement;
    var mockL10n;

    add_setup(async function setup() {
      ({ html, render } = await import(
        "chrome://global/content/vendor/lit.all.mjs"
      ));
      ({ MozLitElement } = await import(
        "chrome://global/content/lit-utils.mjs"
      ));
      renderTarget = document.getElementById("render");

      const l10nReg = new L10nRegistry();
      const fs = [{
        path: "/localization/en-US/mock.ftl",
        source: `
example-label =
  .label = Example label!
  .message = And a message!
  .tooltiptext = Also a tooltiptext!
  .rename = Also renamed!
  .accesskey = E
        `,
      }];
      const source = L10nFileSource.createMock("test", "app", ["en-US"], "/localization/{locale}", fs);
      l10nReg.registerSources([source]);
      mockL10n = new DOMLocalization(["/mock.ftl"], false, l10nReg, ["en-US"]);
      mockL10n.addResourceIds(["/mock.ftl"]);

      defaultTemplate = html`
        <example-element data-l10n-id="example-label"></example-element>
      `;
    });

    async function renderTemplate(template = defaultTemplate) {
      render(template, renderTarget);
      return renderTarget.firstElementChild;
    }

    function defineExampleElement() {
      class ExampleElement extends MozLitElement {
        static properties = {
          label: { type: String, fluent: true },
          message: { type: String, fluent: true },
          tooltipText: { type: String, fluent: true },
          renamedAttribute: { type: String, fluent: true, attribute: "rename" },
          mappedAttribute: { type: String, mapped: true, attribute: "mapped" },
          ariaLabel: { type: String, mapped: true },
          accessKey: { type: String, mapped: true, fluent: true },
        };

        render() {
          return this.label + this.message + this.tooltipText + this.renamedAttribute + this.accessKey;
        }

        updated(changes) {
          if (changes.has("label") && this.label) {
            this.dispatchEvent(new CustomEvent("label-changed"));
          }
        }
      }
      customElements.define("example-element", ExampleElement);
    }

    add_task(async function testL10nAttrs() {
      let el = await renderTemplate();
      window.el = el;
      defineExampleElement();
      is(el.shadowRoot.textContent, "", "There's no text");
      is(
        el.dataset.l10nAttrs,
        "label,message,tooltiptext,rename,accesskey",
        "data-l10n-attrs is set"
      );
      await new Promise(r => el.addEventListener("label-changed", r, { once: true }));
      is(
        el.shadowRoot.textContent,
        "Example label!And a message!Also a tooltiptext!Also renamed!E",
        "Text rendered automatically on upgrade"
      );

      is(el.accessKey, "E", "accessKey is mapped with custom attribute");
      ok(!el.hasAttribute("accesskey"), "renamed attribute was removed");
    });

    add_task(async function testMappedAttributes() {
      let el = await renderTemplate(
        html`<example-element accesskey="f" mapped="mapped-val" aria-label="Label!"></example-element>`
      );
      is(el.accessKey, "f", "accessKey property is correct");
      ok(!el.hasAttribute("accesskey"), "accesskey attribute was removed");

      is(el.mappedAttribute, "mapped-val", "mappedAttribute is mapped with custom attribute");
      ok(!el.hasAttribute("mapped"), "mapped attribute was removed");

      is(el.ariaLabel, "Label!", "ariaLabel property is set");
      ok(!el.hasAttribute("aria-label"), "aria-label was removed");
    });
  </script>
</head>
<body>
  <div id="render"></div>
</body>
</html>

Messung V0.5

¤ Dauer der Verarbeitung: 0.3 Sekunden ¤

Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

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.