wix-style-react/dist/es/src/CardGalleryItem/CardGalleryItem.uni.driver.js

wix-style-react

import { baseUniDriverFactory } from '../test-utils/utils/unidriver';
import { mediaOverlayDriverFactory } from '../MediaOverlay/MediaOverlay.uni.driver';
import { DataHook } from './constants';
import { dragHandleUniDriverFactory } from '../DragHandle/DragHandle.uni.driver';
const byHook = (base, dataHook) => base.$(`[data-hook="${dataHook}"]`);
const getTitle = (base) => byHook(base, DataHook.Title);
const getBadge = (base) => byHook(base, DataHook.Badge);
const getSettingsMenu = (base) => byHook(base, DataHook.SettingsMenu);
const getSubtitle = (base) => byHook(base, DataHook.Subtitle);
const getContainer = (base) => byHook(base, DataHook.Container);
const getFooter = (base) => byHook(base, DataHook.footer);
const getOverlayDriver = (base) => {
    const hoverComponent = byHook(base, DataHook.HoverComponent);
    return mediaOverlayDriverFactory(hoverComponent);
};
const hover = async (base) => getContainer(base).hover();
const getPrimaryAction = async (base) => {
    await hover(base);
    return byHook(base, DataHook.PrimaryAction);
};
const getSecondaryAction = async (base) => {
    await hover(base);
    return byHook(base, DataHook.SecondaryAction);
};
const cardGalleryItemDriverFactory = (base, body) => {
    const getDragHandle = () => dragHandleUniDriverFactory(base.$(`[data-hook="${DataHook.dragHandle}"]`), body);
    return {
        ...baseUniDriverFactory(base),
        /**
         * Gets the cards title.
         * @returns {Promise<string | null>}
         */
        getTitle: async () => {
            const title = getTitle(base);
            return (await title.exists()) ? title.text() : null;
        },
        /**
         * Gets the badge node element.
         * @returns {Promise<any>}
         */
        getBadge: async () => {
            const badge = getBadge(base);
            return (await badge.exists()) ? badge._prop('firstChild') : null;
        },
        /**
         * Gets the cards subtitle.
         * @returns {Promise<string | null>}
         */
        getSubtitle: async () => {
            const subtitle = getSubtitle(base);
            return (await subtitle.exists()) ? subtitle.text() : null;
        },
        /**
         * Gets the background image URL.
         * @returns {Promise<string | null>}
         */
        getBackgroundImageUrl: async () => await getOverlayDriver(base).getMediaUrl(),
        /**
         * Clicks on the primary action.
         * @returns {Promise<void>}
         */
        click: async () => (await getPrimaryAction(base)).click(),
        /**
         * Clicks on the footer.
         * @returns {Promise<void>}
         */
        clickFooter: async () => (await getFooter(base)).click(),
        /**
         * Gets the primary action label.
         * @returns {Promise<string>}
         */
        getPrimaryActionLabel: async () => (await getPrimaryAction(base)).text(),
        /**
         * Checks whether the primary action is clickable.
         * @returns {Promise<boolean>}
         */
        isPrimaryActionDisabled: async () => (await getPrimaryAction(base))._prop('disabled'),
        /**
         * Clicks on the primary action button.
         * @returns {Promise<void>}
         */
        clickOnPrimaryAction: async () => (await getPrimaryAction(base)).click(),
        /**
         * Gets the secondary action label.
         * @returns {Promise<string>}
         */
        getSecondaryActionLabel: async () => (await getSecondaryAction(base)).text(),
        /**
         * Clicks on the secondary action.
         * @returns {Promise<void>}
         */
        clickOnSecondaryAction: async () => (await getSecondaryAction(base)).click(),
        /**
         * Gets the the settingsMenu node.
         * @returns {Promise<node>}
         */
        getSettingsMenu: async () => {
            await hover(base);
            const settingsMenu = getSettingsMenu(base);
            return (await settingsMenu.exists())
                ? settingsMenu._prop('firstChild')
                : null;
        },
        /**
         * Gets the background image element.
         * @returns {Promise<any>}
         */
        getBackgroundImageNode: async () => getOverlayDriver(base).getMediaNode(),
        /**
         * Hovers the component.
         * @returns {Promise<void>}
         */
        hover: async () => hover(base),
        /**
         * Indicates drag handle exists
         */
        dragHandleExists: () => getDragHandle().exists(),
        clickDragHandle: () => getDragHandle().click(),
        hoverDragHandle: () => getDragHandle().hover(),
        isDragHandleTooltipEnabled: () => getDragHandle().isTooltipEnabled(),
        getDragHandleTooltipContent: () => getDragHandle().getTooltipContent(),
    };
};
export default cardGalleryItemDriverFactory;
//# sourceMappingURL=CardGalleryItem.uni.driver.js.map