import {Locator} from './pageObject';
import {type MemoryValue, When} from '@qavajs/core';
import {QavajsWdioWorld} from './QavajsWdioWorld';

/**
 * Save text of element to memory
 * @param {string} alias - element to get text
 * @param {string} key - key to store value
 * @example I save text of 'Search Result (1)' as 'firstSearchResult'
 */
When('I save text of {wdioLocator} as {value}', async function (this: QavajsWdioWorld, element: Locator, key: MemoryValue) {
    key.set(await element().getText());
});

/**
 * Save value of element to memory
 * @param {string} alias - element to get value
 * @param {string} key - key to store value
 * @example I save text of 'Search Result (1)' as 'firstSearchResult'
 */
When('I save value of {wdioLocator} as {value}', async function (this: QavajsWdioWorld, element: Locator, key: MemoryValue) {
    key.set(await element().getValue());
});

/**
 * Save property of element to memory
 * @param {string} property - property to store
 * @param {string} alias - element to get value
 * @param {string} key - key to store value
 * @example I save 'checked' property of 'Checkbox' as 'checked'
 * @example I save '$prop' property of 'Checkbox' as 'checked'
 */
When('I save {value} property of {wdioLocator} as {value}', async function (this: QavajsWdioWorld, property: MemoryValue, element: Locator, key: MemoryValue) {
    const propertyName = await property.value();
    key.set(await element().getProperty(propertyName));
});

/**
 * Save attribute of element to memory
 * @param {string} attribute - attribute to store
 * @param {string} alias - element to get value
 * @param {string} key - key to store value
 * @example I save 'href' attribute of 'Link' as 'linkHref'
 * @example I save '$prop' attribute of 'Link' as 'linkHref'
 */
When('I save {value} attribute of {wdioLocator} as {value}', async function (this: QavajsWdioWorld, attribute: MemoryValue, element: Locator, key: MemoryValue) {
    const attributeName = await attribute.value();
    key.set(await element().getAttribute(attributeName));
});

/**
 * Save number of elements in collection to memory
 * @param {string} alias - collection to get value
 * @param {string} key - key to store value
 * @example I save number of elements in 'Search Results' as 'numberOfSearchResults'
 */
When('I save number of elements in {wdioLocator} collection as {value}', async function (this: QavajsWdioWorld, locator: Locator, key: MemoryValue) {
    key.set(await locator.collection().length)
});

/**
 * Save array of texts of collection to memory
 * @param {string} alias - collection to get values
 * @param {string} key - key to store value
 * @example I save text of every element of 'Search Results' collection as 'searchResults'
 */
When(
    'I save text of every element of {wdioLocator} collection as {value}',
    async function (locator: Locator, key: MemoryValue) {
        const values = await locator.collection().map(element => element.getText());
        key.set(values);
    }
);

/**
 * Save array of attributes of collection to memory
 * @param {string} alias - collection to get values
 * @param {string} key - key to store value
 * @example I save 'checked' attribute of every element of 'Search > Checkboxes' collection as 'checkboxes'
 */
When(
    'I save {value} attribute of every element of {wdioLocator} collection as {value}',
    async function (attribute: MemoryValue, locator: Locator, key: MemoryValue) {
        const attributeName = await attribute.value();
        const values = await locator.collection().map(element => element.getAttribute(attributeName));
        key.set(values);
    }
);

/**
 * Save array of property of collection to memory
 * @param {string} alias - collection to get values
 * @param {string} key - key to store value
 * @example I save 'href' property of every element of 'Search > Links' collection as 'hrefs'
 */
When(
    'I save {value} property of every element of {wdioLocator} collection as {value}',
    async function (property: MemoryValue, locator: Locator, key: MemoryValue) {
        const propertyName = await property.value();
        const values = await locator.collection().map(element => element.getProperty(propertyName));
        key.set(values);
    }
);

/**
 * Save current url to memory
 * @param {string} key - key to store value
 * @example I save current url as 'currentUrl'
 */
When('I save current url as {value}', async function (this: QavajsWdioWorld, key: MemoryValue) {
    const url = await this.wdio.browser.getUrl();
    key.set(url);
});

/**
 * Save current page title to memory
 * @param {string} key - key to store value
 * @example I save page title as 'currentTitle'
 */
When('I save page title as {value}', async function (this: QavajsWdioWorld, key: MemoryValue) {
    const title = await this.wdio.browser.getTitle();
    key.set(title);
});

/**
 * Save page screenshot into memory
 * @param {string} key - key to store value
 * @example I save screenshot as 'screenshot'
 */
When('I save screenshot as {value}', async function (key: MemoryValue) {
    const screenshot = await this.wdio.browser.takeScreenshot();
    key.set(screenshot);
});

/**
 * Save element screenshot into memory
 * @param {string} alias - element to get screenshot
 * @param {string} key - key to store value
 * @example I save screenshot of 'Header > Logo' as 'screenshot'
 */
When('I save screenshot of {wdioLocator} as {value}', async function (locator: Locator, key: MemoryValue) {
    const screenshot = await this.wdio.browser.takeElementScreenshot(await locator().elementId);
    key.set(screenshot);
});

/**
 * Save css property of element to memory
 * @param {string} property - css property to store
 * @param {string} alias - element to get value
 * @param {string} key - key to store value
 * @example I save 'color' css property of 'Checkbox' as 'checkboxColor'
 * @example I save '$propertyName' property of 'Checkbox' as 'checkboxColor'
 */
When('I save {value} css property of {wdioLocator} as {value}', async function (this: QavajsWdioWorld, property: MemoryValue, locator: Locator, key: MemoryValue) {
    const propertyName = await property.value();
    const value = await this.wdio.browser.execute<any, any>(function (element: WebdriverIO.Element, propertyName: string) {
        return getComputedStyle(element as any).getPropertyValue(propertyName)
    }, await locator().getElement(), propertyName);
    key.set(value);
});

/**
 * Save bounding client rect to memory
 * https://developer.mozilla.org/en-US/docs/Web/API/DOMRect
 * @param {string} alias - element to get value
 * @param {string} key - key to store value
 * @example
 * When I save bounding rect of 'Node' as 'boundingRect'
 * Then I expect '$boundingRect.width' to equal '42'
 */
When('I save bounding rect of {wdioLocator} as {value}', async function (this: QavajsWdioWorld, locator: Locator, key: MemoryValue) {
    const value = await this.wdio.browser.execute<any, any[]>(function (element: HTMLElement) {
        return JSON.stringify(element.getBoundingClientRect());
    }, await locator().getElement());
    key.set(JSON.parse(value));
});

/**
 * Save custom property of element to memory
 * @param {string} property - custom property to store
 * @param {string} alias - element to get value
 * @param {string} key - key to store value
 * @example I save '$shadowText' custom property of 'Checkbox' as 'text'
 * @example I save '$js(element => element.shadowRoot.textContent)' property of 'Checkbox' as 'text'
 */
When('I save {value} custom property of {wdioLocator} as {value}',
    async function (this: QavajsWdioWorld, propertyGetter: MemoryValue, locator: Locator, key: MemoryValue) {
        const script = await propertyGetter.value();
        const value = await this.wdio.browser.execute<any, any>(
            script,
            await locator().getElement()
        );
        key.set(value);
    });

/**
 * Save array of property of collection to memory
 * @param {string} propertyGetter - custom property to store
 * @param {string} alias - collection to get values
 * @param {string} key - key to store value
 * @example I save 'href' property of every element of 'Search > Links' collection as 'hrefs'
 */
When(
    'I save {value} custom property of every element of {wdioLocator} collection as {value}',
    async function (property: MemoryValue, locator: Locator, key: MemoryValue) {
        const script = await property.value();
        const values = await locator.collection().map(
            element => this.wdio.browser.execute(script, element)
        );
        key.set(values);
    }
);