@carbon/ibm-products-web-components 0.17.0-rc.0 → 0.18.0-rc.0

package/es/components/truncated-text/truncated-text.test.js

@@ -0,0 +1,77 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { describe, it, expect } from 'vitest';
+import { fixture, html } from '@open-wc/testing';
+import { prefix, carbonPrefix } from '../../globals/settings.js';
+import './truncated-text.js';
+
+/**
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const defaultProps = {
+    lines: 2,
+    text: 'Buttons are used to initialize an action, either in the background or foreground of an experience. There are several kinds of buttons. Primary buttons should be used for the principle call to action on the page.',
+    with: '',
+};
+const template = (props = defaultProps, templateWidth) => html `
+  <div style=${templateWidth ? `width: ${templateWidth}px;` : ''}>
+    <c4p-truncated-text
+      value=${props.text}
+      lines=${props.lines}
+      with=${props.with}
+    ></c4p-truncated-text>
+  </div>
+`;
+describe('c4p-truncated-text', () => {
+    it('renders the component', async () => {
+        const wrapper = await fixture(template());
+        const el = wrapper.querySelector(`${prefix}-truncated-text`);
+        expect(el).toBeTruthy();
+    });
+    it('renders a tooltip when text is truncated with tooltip', async () => {
+        var _a;
+        const wrapper = await fixture(template(Object.assign(Object.assign({}, defaultProps), { with: 'tooltip' }), 200));
+        const el = wrapper.querySelector(`${prefix}-truncated-text`);
+        const tooltip = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-tooltip`);
+        expect(tooltip).toBeTruthy();
+    });
+    it('does not render a tooltip if the text fits', async () => {
+        var _a;
+        const wrapper = await fixture(template(Object.assign(Object.assign({}, defaultProps), { with: 'tooltip' }), 9000));
+        const el = wrapper.querySelector(`${prefix}-truncated-text`);
+        const tooltip = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-tooltip`);
+        expect(tooltip).not.toBeTruthy();
+    });
+    it('tests lines prop/attribute with tooltip', async () => {
+        var _a;
+        for (let lines = 1; lines <= 4; lines++) {
+            const wrapper = await fixture(template(Object.assign(Object.assign({}, defaultProps), { lines, with: 'tooltip' }), 600));
+            const el = wrapper.querySelector(`${prefix}-truncated-text`);
+            await el.updateComplete;
+            const tooltip = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-tooltip`);
+            if (lines <= 2) {
+                expect(tooltip).toBeTruthy();
+            }
+            else {
+                expect(tooltip).not.toBeTruthy();
+            }
+        }
+    });
+    it('renders a expandable button when text is truncated with expand', async () => {
+        var _a;
+        const wrapper = await fixture(template(Object.assign(Object.assign({}, defaultProps), { lines: 2, with: 'expand' }), 400));
+        const el = wrapper.querySelector(`${prefix}-truncated-text`);
+        await el.updateComplete;
+        const expandButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`.${prefix}--truncated-text_button-expand`);
+        expect(expandButton).toBeTruthy();
+    });
+});
+//# sourceMappingURL=truncated-text.test.js.map

package/es/components/truncated-text/truncated-text.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncated-text.test.js","sources":["../../../src/components/truncated-text/truncated-text.test.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es/index.d.ts

@@ -12,3 +12,4 @@ export { default as CDSFullPageError } from './components/full-page-error/full-p
 export { default as CDSAboutModal } from './components/about-modal/about-modal';
 export { default as CDSUseravatar } from './components/user-avatar/user-avatar';
 export { default as CDSOptionsTile } from './components/options-tile/options-tile';
+export { default as CDSTruncatedText } from './components/truncated-text/truncated-text';

package/es/index.js

@@ -11,4 +11,5 @@ export { default as CDSFullPageError } from './components/full-page-error/full-p
 export { default as CDSAboutModal } from './components/about-modal/about-modal.js';
 export { default as CDSUseravatar } from './components/user-avatar/user-avatar.js';
 export { default as CDSOptionsTile } from './components/options-tile/options-tile.js';
+export { default as CDSTruncatedText } from './components/truncated-text/truncated-text.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/es/package.json.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var version = "0.16.0";
+var version = "0.17.0";
 var packageJson = {
 	version: version};