@patternfly/elements 2.0.0-rc.4 → 2.0.0-rc.5

package/pf-timestamp/test/pf-timestamp.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-timestamp.spec.js","sourceRoot":"","sources":["pf-timestamp.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, html } from '@open-wc/testing';\nimport { createFixture } from '@patternfly/pfe-tools/test/create-fixture.js';\nimport { PfTimestamp } from '@patternfly/elements/pf-timestamp/pf-timestamp.js';\n\ndescribe('<pf-timestamp>', function() {\n  it('should upgrade', async function() {\n    const element = await createFixture<PfTimestamp>(html`<pf-timestamp></pf-timestamp>`);\n    expect(element, 'the <pf-timestamp> should be an instance of PfTimestamp')\n      .to.be.an.instanceof(customElements.get('pf-timestamp'))\n      .and\n      .to.be.an.instanceof(PfTimestamp);\n  });\n\n  it('should show the current date by default with default formatting', async function() {\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp></pf-timestamp>\n    `);\n\n    const expected = new Date().toLocaleString();\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should set the correct ISO date on the datetime attribute in the time element', async function() {\n    const date = new Date('Sat Jan 01 2022 00:00:00');\n    const dateString = date.toString();\n    const expected = date.toISOString();\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\"></pf-timestamp>\n    `);\n\n    expect(element.isoString).to.equal(expected);\n  });\n\n  it('should show a passed in date with default formatting', async function() {\n    const dateString = 'Sat Jan 01 2022 00:00:00';\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(new Date(dateString).toLocaleString());\n  });\n\n  it('should show custom formatting when date-format and time-format are passed in', async function() {\n    const dateString = 'Sat Jan 01 2022 00:00:00';\n    const expected = new Date(dateString).toLocaleString('en-US', { dateStyle: 'full', timeStyle: 'short' });\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\" date-format=\"full\" time-format=\"short\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show only a date when date-format is passed in', async function() {\n    const dateString = 'Sat Jan 01 2022 00:00:00';\n    const expected = new Date(dateString).toLocaleString('en-US', { dateStyle: 'full' });\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\" date-format=\"full\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show only time when time-format is passed in', async function() {\n    const dateString = 'Sat Jan 01 2022 00:00:00';\n    const expected = new Date(dateString).toLocaleString('en-US', { timeStyle: 'short' });\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\" time-format=\"short\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show custom formatting when customFormat is passed in', async function() {\n    const dateString = 'Sat Jan 01 2022 00:00:00';\n    const options: Intl.DateTimeFormatOptions = {\n      year: '2-digit',\n      month: 'short',\n      weekday: 'short',\n      day: 'numeric',\n      hour: 'numeric'\n    };\n    const expected = new Date(dateString).toLocaleString('en-US', options);\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"Sat Jan 01 2022 00:00:00\" .customFormat=${options}></pf-timestamp>\n    `);\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show a custom suffix when display-suffix is passed in', async function() {\n    const dateString = 'Sat Jan 01 2022 00:00:00';\n    const suffix = 'US Eastern';\n    const expected = `${new Date(dateString).toLocaleString('en-US')} ${suffix}`;\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\" display-suffix=\"${suffix}\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show a 12 hour time', async function() {\n    const dateString = 'Sat Jan 01 2022 13:00:00';\n    const expected = new Date(dateString).toLocaleString('en-US');\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show a 24 hour time when hour-12 is set to false', async function() {\n    const dateString = 'Sat Jan 01 2022 13:00:00';\n    const expected = new Date(dateString).toLocaleString('en-US', { hour12: false });\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${dateString}\" hour-12=\"false\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show with locale passed in', async function() {\n    const date = new Date(2022, 1, 1).toString();\n    const expected = new Date(date).toLocaleString('en-GB');\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${date}\" locale=\"en-GB\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show a 12 hour time by default for US locale', async function() {\n    const date = new Date(2022, 1, 1, 13, 0).toString();\n    const expected = new Date(date).toLocaleString('en-US');\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${date}\" locale=\"en-US\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show a 24 hour time for US locale when hour-12 is false', async function() {\n    const date = new Date(2022, 1, 1, 13, 0).toString();\n    const expected = new Date(date).toLocaleString('en-US', { hour12: false });\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${date}\" locale=\"en-US\" hour-12=\"false\"></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show a 12 hour time for a 24 hour locale when hour-12 is passed', async function() {\n    const date = new Date(2022, 1, 1, 13, 0).toString();\n    const expected = new Date(date).toLocaleString('en-GB', { hour12: true });\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${date}\" locale=\"en-GB\" hour-12></pf-timestamp>\n    `);\n\n    expect(element.time).to.equal(expected);\n  });\n\n  it('should show relative time', async function() {\n    const date = new Date(2015, 7, 9, 14, 57, 0);\n    const element = await createFixture<PfTimestamp>(html`\n      <pf-timestamp date=\"${date.toString()}\" relative></pf-timestamp>\n    `);\n\n    expect(element.time).to.match(/\\d+ years ago/);\n  });\n});\n"]}

package/pf-tooltip/demo/demo.css

@@ -1,39 +0,0 @@
-.narrow :is(section:not(#block) p, ul) {
-  max-width: 400px;
-  margin-inline: auto;
-}
-
-#block ul {
-  display: flex;
-  flex-flow: row wrap;
-  gap: 1em;
-  list-style-type: none;
-  padding: 0;
-  margin-inline: 0;
-}
-
-#block li {
-  padding: 0;
-  display: block;
-}
-
-samp {
-  font-weight: bold;
-}
-
-#custom-styles pf-tooltip:nth-of-type(1) {
-  --pf-c-tooltip__content--Color: lightblue;
-}
-
-#custom-styles pf-tooltip:nth-of-type(2) {
-  --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--lg,
-      0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16),
-      0 0 0.375rem 0 rgba(3, 3, 3, 0.08));
-}
-
-#custom-styles pf-tooltip:nth-of-type(3) {
-  --pf-c-tooltip__content--PaddingTop: 2rem;
-  --pf-c-tooltip__content--PaddingRight: 2rem;
-  --pf-c-tooltip__content--PaddingBottom: 2rem;
-  --pf-c-tooltip__content--PaddingLeft: 2rem;
-}

package/pf-tooltip/demo/performance.js

@@ -1,45 +0,0 @@
-import '@patternfly/elements/pf-button/pf-button.js';
-import '@patternfly/elements/pf-tooltip/pf-tooltip.js';
-
-const $ = x => document.querySelector(x);
-const $$ = x => document.querySelectorAll(x);
-
-import { html, render } from 'lit';
-
-const submit = $('form pf-button');
-const target = $('#target');
-
-const getTooltip = (_, i) =>
-  html`<pf-tooltip content="Content for ${i + 1}">${i + 1}</pf-tooltip>`;
-
-async function measure(start) {
-  submit.loading = true;
-  submit.textContent = 'Rendering...';
-  await submit.updateComplete;
-  await new Promise(requestAnimationFrame);
-  render(Array.from({ length: 10000 }, getTooltip), target);
-  const tooltips = $$('pf-tooltip');
-  const [first] = tooltips;
-  first.show();
-  await Promise.all(Array.from(tooltips, x => x.updateComplete));
-  await first.hide();
-  return performance.now() - start;
-}
-
-$('form').addEventListener('submit', /** @this {HTMLFormElement} */async function(event) {
-  event.preventDefault();
-  const elapsed = await measure(performance.now());
-  this.output.value = `Render took ${(elapsed) / 1000} seconds`;
-  submit.loading = false;
-  submit.textContent = 'Rerender';
-});
-
-
-$('form').addEventListener('reset', /** @this {HTMLFormElement} */async function(event) {
-  event.preventDefault();
-  render('', target);
-  this.output.value = '';
-  submit.loading = false;
-  submit.textContent = 'Render';
-});
-

package/pf-tooltip/demo/pf-tooltip.js

@@ -1,7 +0,0 @@
-import '@patternfly/elements/pf-switch/pf-switch.js';
-import '@patternfly/elements/pf-tooltip/pf-tooltip.js';
-
-document.getElementById('width-toggle').addEventListener('change', function(event) {
-  document.querySelector('[data-demo]').classList.toggle('narrow', event.target.checked);
-});
-

package/pf-tooltip/test/pf-tooltip.e2e.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-tooltip/test/pf-tooltip.e2e.js

@@ -1,11 +0,0 @@
-import { test } from '@playwright/test';
-import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
-const tagName = 'pf-tooltip';
-test.describe(tagName, () => {
-    test('snapshot', async ({ page }) => {
-        const componentPage = new PfeDemoPage(page, tagName);
-        await componentPage.navigate();
-        await componentPage.snapshot();
-    });
-});
-//# sourceMappingURL=pf-tooltip.e2e.js.map

package/pf-tooltip/test/pf-tooltip.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-tooltip.e2e.js","sourceRoot":"","sources":["pf-tooltip.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAC;AAEnF,MAAM,OAAO,GAAG,YAAY,CAAC;AAE7B,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IAC1B,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;QAClC,MAAM,aAAa,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrD,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;QAC/B,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from '@playwright/test';\nimport { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';\n\nconst tagName = 'pf-tooltip';\n\ntest.describe(tagName, () => {\n  test('snapshot', async ({ page }) => {\n    const componentPage = new PfeDemoPage(page, tagName);\n    await componentPage.navigate();\n    await componentPage.snapshot();\n  });\n});\n"]}

package/pf-tooltip/test/pf-tooltip.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/pf-tooltip/test/pf-tooltip.spec.js

@@ -1,50 +0,0 @@
-import { expect, html, fixture } from '@open-wc/testing';
-import { PfTooltip } from '../pf-tooltip.js';
-import { setViewport, sendMouse } from '@web/test-runner-commands';
-import { a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';
-describe('<pf-tooltip>', function () {
-    let element;
-    let snapshot;
-    beforeEach(async function () {
-        await setViewport({ width: 1000, height: 1000 });
-    });
-    it('should upgrade', async function () {
-        element = await fixture(html `<pf-tooltip></pf-tooltip>`);
-        const klass = customElements.get('pf-tooltip');
-        expect(element)
-            .to.be.an.instanceOf(klass)
-            .and
-            .to.be.an.instanceOf(PfTooltip);
-    });
-    describe('typical usage', function () {
-        beforeEach(async function () {
-            element = await fixture(html `
-        <pf-tooltip content="Content">Tooltip</pf-tooltip>
-      `);
-            snapshot = await a11ySnapshot();
-        });
-        it('should be accessible', async function () {
-            await expect(element).shadowDom.to.be.accessible();
-        });
-        it('should hide tooltip content from assistive technology', async function () {
-            expect(snapshot.children).to.deep.equal([
-                { name: 'Tooltip', role: 'text' },
-            ]);
-        });
-        describe('hovering the element', function () {
-            beforeEach(async function () {
-                const { x, y } = element.getBoundingClientRect();
-                await sendMouse({ position: [x + 5, y + 5], type: 'move' });
-                await element.updateComplete;
-                snapshot = await a11ySnapshot();
-            });
-            it('should show tooltip content to assistive technology', async function () {
-                expect(snapshot.children).to.deep.equal([
-                    { name: 'Tooltip', role: 'text' },
-                    { name: 'Content', role: 'text' },
-                ]);
-            });
-        });
-    });
-});
-//# sourceMappingURL=pf-tooltip.spec.js.map

package/pf-tooltip/test/pf-tooltip.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pf-tooltip.spec.js","sourceRoot":"","sources":["pf-tooltip.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAE3E,QAAQ,CAAC,cAAc,EAAE;IACvB,IAAI,OAAkB,CAAC;IACvB,IAAI,QAA0B,CAAC;IAE/B,UAAU,CAAC,KAAK;QACd,MAAM,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,gBAAgB,EAAE,KAAK;QACxB,OAAO,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA,2BAA2B,CAAC,CAAC;QACpE,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAC/C,MAAM,CAAC,OAAO,CAAC;aACZ,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;aAC1B,GAAG;aACH,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE;QACxB,UAAU,CAAC,KAAK;YACd,OAAO,GAAG,MAAM,OAAO,CAAY,IAAI,CAAA;;OAEtC,CAAC,CAAC;YACH,QAAQ,GAAG,MAAM,YAAY,EAAE,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK;YAC9B,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK;YAC/D,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;gBACtC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;aAClC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,sBAAsB,EAAE;YAC/B,UAAU,CAAC,KAAK;gBACd,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;gBACjD,MAAM,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;gBAC5D,MAAM,OAAO,CAAC,cAAc,CAAC;gBAC7B,QAAQ,GAAG,MAAM,YAAY,EAAE,CAAC;YAClC,CAAC,CAAC,CAAC;YACH,EAAE,CAAC,qDAAqD,EAAE,KAAK;gBAC7D,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;oBACtC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;oBACjC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;iBAClC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect, html, fixture } from '@open-wc/testing';\nimport type { A11yTreeSnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';\n\nimport { PfTooltip } from '../pf-tooltip.js';\nimport { setViewport, sendMouse } from '@web/test-runner-commands';\nimport { a11ySnapshot } from '@patternfly/pfe-tools/test/a11y-snapshot.js';\n\ndescribe('<pf-tooltip>', function() {\n  let element: PfTooltip;\n  let snapshot: A11yTreeSnapshot;\n\n  beforeEach(async function() {\n    await setViewport({ width: 1000, height: 1000 });\n  });\n  it('should upgrade', async function() {\n    element = await fixture<PfTooltip>(html`<pf-tooltip></pf-tooltip>`);\n    const klass = customElements.get('pf-tooltip');\n    expect(element)\n      .to.be.an.instanceOf(klass)\n      .and\n      .to.be.an.instanceOf(PfTooltip);\n  });\n\n  describe('typical usage', function() {\n    beforeEach(async function() {\n      element = await fixture<PfTooltip>(html`\n        <pf-tooltip content=\"Content\">Tooltip</pf-tooltip>\n      `);\n      snapshot = await a11ySnapshot();\n    });\n\n    it('should be accessible', async function() {\n      await expect(element).shadowDom.to.be.accessible();\n    });\n\n    it('should hide tooltip content from assistive technology', async function() {\n      expect(snapshot.children).to.deep.equal([\n        { name: 'Tooltip', role: 'text' },\n      ]);\n    });\n\n    describe('hovering the element', function() {\n      beforeEach(async function() {\n        const { x, y } = element.getBoundingClientRect();\n        await sendMouse({ position: [x + 5, y + 5], type: 'move' });\n        await element.updateComplete;\n        snapshot = await a11ySnapshot();\n      });\n      it('should show tooltip content to assistive technology', async function() {\n        expect(snapshot.children).to.deep.equal([\n          { name: 'Tooltip', role: 'text' },\n          { name: 'Content', role: 'text' },\n        ]);\n      });\n    });\n  });\n});\n\n"]}