@enact/limestone 1.3.0 → 1.10.0

package/Card/tests/Card-specs.js

@@ -2,8 +2,9 @@
 
 require("@testing-library/jest-dom");
 var _react = require("@testing-library/react");
-var _Card = require("../Card");
+var _Card = _interopRequireWildcard(require("../Card"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var src = {
   'hd': 'https://placehold.co/200x200/000000/ffffff/png',
   'fhd': 'https://placehold.co/300x300/000000/ffffff/png',
@@ -46,7 +47,8 @@ describe('Card', function () {
     var imageIconSrc = 'imageIconSrc';
     (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardBase, {
       imageIconSrc: imageIconSrc,
-      orientation: "vertical"
+      orientation: "vertical",
+      src: src
     }));
     var expected = imageIconSrc;
     var actual = _react.screen.getAllByRole('img')[2].children.item(0);
@@ -56,10 +58,72 @@ describe('Card', function () {
     var imageIconSrc = 'imageIconSrc';
     (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardBase, {
       imageIconSrc: imageIconSrc,
-      orientation: "horizontal"
+      orientation: "horizontal",
+      src: src
     }));
     var expected = 2;
     var actual = _react.screen.getAllByRole('img').length;
     expect(actual).toBe(expected);
   });
+  test('should apply prop `fitImage`', function () {
+    var imageIconSrc = 'imageIconSrc';
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardBase, {
+      "data-testid": "card",
+      fitImage: true,
+      imageIconSrc: imageIconSrc,
+      src: src
+    }));
+    var expected = 'fitImage';
+    var actual = _react.screen.getByTestId('card');
+    expect(actual).toHaveClass(expected);
+  });
+  test('should have "Select" voice intent', function () {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardBase, {
+      "data-testid": "card",
+      src: src
+    }));
+    var card = _react.screen.getByTestId('card');
+    expect(card).toHaveAttribute('data-webos-voice-intent', 'Select');
+  });
+  test('should not have styles for marquee when `withoutMarquee` is true', function () {
+    var children = 'children';
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.CardBase, {
+      "data-testid": "card",
+      withoutMarquee: true,
+      src: src,
+      children: children
+    }));
+    var expected = 'style';
+    var actual = _react.screen.getByText('children');
+    expect(actual).not.toHaveAttribute(expected);
+  });
+  test('should be pressed when selected', function () {
+    (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Card["default"], {
+      "data-testid": "card",
+      src: src
+    }));
+    var card = _react.screen.getByTestId('card');
+
+    // Select by key
+    _react.fireEvent.keyDown(card, {
+      key: 'Enter',
+      code: 'Enter',
+      keyCode: 13,
+      which: 13
+    });
+    expect(card).toHaveClass('pressed');
+    _react.fireEvent.keyUp(card, {
+      key: 'Enter',
+      code: 'Enter',
+      keyCode: 13,
+      which: 13
+    });
+    expect(card).not.toHaveClass('pressed');
+
+    // Select by pointer
+    _react.fireEvent.mouseDown(card);
+    expect(card).toHaveClass('pressed');
+    _react.fireEvent.mouseUp(card);
+    expect(card).not.toHaveClass('pressed');
+  });
 });

package/Checkbox/Checkbox.d.ts

@@ -74,17 +74,18 @@ export class CheckboxBase extends React.Component<
   Merge<React.HTMLProps<HTMLElement>, CheckboxBaseProps>
 > {}
 
-export interface CheckboxDecoratorProps
-  extends Merge<
-    Merge<ui_Toggleable_ToggleableProps, limestone_Skinnable_SkinnableProps>,
-    spotlight_Spottable_SpottableProps
-  > {}
+export interface CheckboxDecoratorProps extends Merge<
+  Merge<ui_Toggleable_ToggleableProps, limestone_Skinnable_SkinnableProps>,
+  spotlight_Spottable_SpottableProps
+> {}
 export function CheckboxDecorator<P>(
   Component: React.ComponentType<P> | string,
 ): React.ComponentType<P & CheckboxDecoratorProps>;
 
-export interface CheckboxProps
-  extends Merge<CheckboxBaseProps, CheckboxDecoratorProps> {}
+export interface CheckboxProps extends Merge<
+  CheckboxBaseProps,
+  CheckboxDecoratorProps
+> {}
 /**
  * A Limestone-styled checkbox component.
  * 

package/Checkbox/Checkbox.js

@@ -148,11 +148,13 @@ var CheckboxBase = exports.CheckboxBase = (0, _kind["default"])({
   },
   computed: {
     className: function className(_ref) {
-      var indeterminate = _ref.indeterminate,
+      var children = _ref.children,
+        indeterminate = _ref.indeterminate,
         selected = _ref.selected,
         standalone = _ref.standalone,
         styler = _ref.styler;
       return styler.append({
+        checkmark: children === 'checkmark',
         selected: selected,
         standalone: standalone,
         indeterminate: indeterminate