? ?????, ??? ???.

???? ??? ????? ????? ??? ??? ??? ?? ??????? ?? ??? ???? ????? ?? ?? ? ????? ?? ?? ??? ??? ????? ???? ???? ?????

? ??? ????? ?????.

??? ???? ?? ?? ?? ?? ??? ?? ??? ??? ????? ? ????. ?? ????? ?? ???? ?? ??? ? ???? ??? ??? ??? ??? ?? ??? ???? ????.

??? ?????. ?? ??? ?? ??? ???? ????.

• ??? ????? ???? ??

• ??? ????? ??? ? ?? ??? ?????

• ?? ????? ??

• ??? ??? ??? ??

• ?? ?? ?? ??? ???? ?? ??

??? ??? ??? ??? ? ??? ?????

AI?? "? ?? ????? ??? ??? ???? ???"?? ??? AI? ???? ???? ??? ????? ???? ?? ????? ??? ???. ? ?? ???? ???? ???. ? ?? ??? ??? ??? ??? ??? ????.

??? ???? ??? ????. ?? ?? ?? ???? ????.

AI ??? ???? ??? ?????? ??? ??? ??? ??????. ??? ??? ??? ? ?? ??? ?? ????? ????.

• ???? ??? ??? ???? ??

• ? ? ? ?? ?? ??? ??? ???? ??

• ??? ?????? ???? ??

• ?? ??? ???? ???

• ???? ?? ??? ??? ??

??? ?????:

• ??? ????? ??? ?? ?? 2? 4,100? ??? ??? ????(??: ?? ? ????? ?? ????).

• ?? ?????? ?? ??? 25-35%(??) ?????.

• ?? ???? ?? 15-20% ?????? ??? ??? ?????.

??? ?? ??? ?? AI ?? ??? ??? ?? ??? ??? ?? 90% ???? ??? ?? ???? 40% ?? ?? ? ??? ????.

KaneAI ??: ??? ??? ???

KaneAI? ??? ??? ??? ????. ?? ?? ?? ??? ???? ?? ?? ??? ????? ????? ??? ???????.

??? ??????

• ??? ?? ? ??: ??? ??? ???? ??? ??? ??

• ??? ?? ????: ?? ?? ? ????? ??? ?? ???? ??? ??

• ??? ??? ???: ?? ??? ???? ??? ??? ???? ?? ? ???

• ??? Show-Me ??: ??? ??? ???? ??

• ??? ??? ??: ??? ??? ??? ????? ??

• ??? ???: ??? ??? ?? ? ?? ??

• ?? ??? ?? ??: ? ? ??? ???? ??? ??

JIRA, Slack ? GitHub ???? KaneAI ?? ??, ??? ??? ??, ??? ?? ??? ?? ??? ??? ?? ??? ?? ? ????.

? ?????? ?? ??? ???? ?? ????. ??? ????.

??? ?? ?:

• ??? ??? ??

• JavaScript ?? ?? ???

• API ??? ??

• ?? ?? ???? ??? ?? ????

??? ??? ???? ????. ??? ??? ?? ? ?? ?????. ? ?? ?? ??? ???? ?? ???? ?????. ? ????? ?? ??? ???? ?? ?? ???? ???? ? ???? ????.

??? ??? ???? ???? ??? ??????. ? ?? ??? ???? ???? ?? ??? ???? ???? ???? ??? ???? ????.

?

??? ???? ?? ???? ?????. ??? ??????.

??? ??? ??? ?? ??? ??? ???, ???? ?? ??? ????, ???? ??? ???? ??? ??? ????, ??? ???? ???? ??? ??? ????.

?? ??? ???

????? ?? ???? ???? ??? ?? ? ?????. ?? ???? ???? ???? ??? ????. ? ????? ??? ?? ??? ??? ????? ?? ????? ?? ??? ????? ???? ???? ??? ???? ?????.

JavaScript ? NLP ????? ???? ?? KaneAI? ? ?????? ??? ??? ??? ??? ?????. ???? ??? ??? ????.

1. KaneAI ??

   • https://www.lambdatest.com/kane-ai/? ???? ?????.

2. ? ????? ???

   • ?? ? kaneai.lambdatest.com?? ???? ??????.

3. ? ??? ???

   • "? ??? ???"? ???? ? ????? ???.

???? JavaScript ? NLP ???? ???? ??? ??? ??? ?????.

I. ? ?? ?? ???: JavaScript ? NLP

1. OrangeHRM ?? ?? ???

NLP ??

1. https://opensource-demo.orangehrmlive.com/

?? ?????.

2. ??? ?? ??? "Admin"? ?????

3. ???? ???? "admin123"? ?????

4. ??? ?? ??

5. 2?? ??????

?????? ??

function simulateTyping(element, text) {
    element.value = '';

    for (let i = 0; i < text.length; i++) {
        let char = text[i];
        let keyDownEvent = new KeyboardEvent('keydown', { key: char });
        element.dispatchEvent(keyDownEvent);
        element.value += char;

        let inputEvent = new Event('input', { bubbles: true });
        element.dispatchEvent(inputEvent);

        let keyUpEvent = new KeyboardEvent('keyup', { key: char });
        element.dispatchEvent(keyUpEvent);
    }

    let changeEvent = new Event('change', { bubbles: true });
    element.dispatchEvent(changeEvent);
}

function handleDashboardInteractions() {
    const searchInput = document.querySelector('input.oxd-input.oxd-input--active[placeholder="Search"]');

    if (searchInput) {
        simulateTyping(searchInput, "Test Search Query");

        const quickLaunch = document.querySelectorAll('.orangehrm-quick-launch-card');

        if (quickLaunch.length > 0) {
            const firstCard = quickLaunch[0];
            firstCard.style.backgroundColor = 'red';
            firstCard.click();
        }
    }

    const pathElement = document.querySelector('path.cls-1');

    if (pathElement) {
        pathElement.style.fill = 'red';
    }

    return {
        status: "Dashboard interaction complete",
        timestamp: new Date().toISOString()
    };
}

const result = handleDashboardInteractions();
return result;

??:

• ? ???? ? ??????? ?? ??? ?? ??? ????????

• ??, ??? ??? ? ?? ??? ?? ??? ??? ?????

• ??? ? ?? ???? ???? ??? ??? ?? ??? ?????

• ???? ???, ? ???? ? ?? ?? ????? ????? ??

???? ?? ??:

• ???? ? ??? ?????

• ???? ???? ????

• ??? ?? ?????

• ??? ??? ??

• ? ?????? ?? ???

2. DemoQA ?? ???? ???

NLP ??

1. https://demoqa.com/elements? ??

2. "??? ??" ??? ?????

3. 2?? ??????

?????? ??

async function handleDemoQAForms() {
    const formData = {
        fullName: "John Doe",
        email: "john@example.com",
        currentAddress: "123 Test Street",
        permanentAddress: "456 Demo Avenue"
    };

    const inputs = {
        "userName": formData.fullName,
        "userEmail": formData.email,
        "currentAddress": formData.currentAddress,
        "permanentAddress": formData.permanentAddress
    };

    for (const [id, value] of Object.entries(inputs)) {
        const input = document.getElementById(id);
        if (input) {
            input.focus();
            await new Promise(r => setTimeout(r, 300));
            input.value = value;
            input.dispatchEvent(new Event('input', { bubbles: true }));
            input.dispatchEvent(new Event('change', { bubbles: true }));
            await new Promise(r => setTimeout(r, 500));
        }
    }

    return formData;
}

const result = handleDemoQAForms();
return result;

??:

• ??? ????? ??? ?? ???? ??

• ?? ??? ???? ???? ??? ?? ??? ????????

• ??? ??? ???? ??? ?? ? ?? ????? ??????

???? ?? ??:

• ?? ??? ???

• ??? ?? ??? ??

• ???? ?? ??

• ???? ??? ?? ????

3. ?? ??? ?? ???

NLP ??

1. https://the-internet.herokuapp.com/infinite-scroll? ??

2. 2?? ??????

3. ??? ???? ???

?????? ??

async function handleInfiniteScroll() {
    let scrollCount = 0;
    let isScrolling = false;

    const smoothScroll = async () => {
        if (isScrolling) return;
        isScrolling = true;

        const scrollStep = async () => {
            if (scrollCount >= 5) {
                isScrolling = false;
                return;
            }

            window.scrollBy({
                top: 100,
                behavior: 'smooth'
            });

            await new Promise(r => setTimeout(r, 100));

            if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 200) {
                scrollCount++;
                await new Promise(r => setTimeout(r, 1000)); // Wait for new content to load
            }

            if (isScrolling) {
                requestAnimationFrame(scrollStep);
            }
        };

        requestAnimationFrame(scrollStep);
    };

    return smoothScroll();
}


handleInfiniteScroll().then(() => {
    return {
        status: "Infinite scrolling completed",
        timestamp: new Date().toISOString()
    };
});

??:

• ?? ?? ??? ?????

• ??? ???? ???? ???? ?????

• ??? ?? ?? ? ??? ?? ??

???? ?? ??:

• ????? ???? ?? ???

• ??? ?? ??

• ?? ??? ?? ?????

• ? ?????? ???? ???

4. ???? ?? ?? ???

NLP ??

1. https://demo.opencart.com/admin/?? ??

2. ??? ?? ??? "demo"? ?????

3. ???? ???? "demo"? ?????

4. ??? ?? ??

5. 2?? ??????

?? : ??? ?? ?? ???? ???? Wi-Fi ??? ?? ???? ??? ??? ? ????. ???? ?? ??? ??? ?????? ?????.

?????? ??

function simulateTyping(element, text) {
    element.value = '';

    for (let i = 0; i < text.length; i++) {
        let char = text[i];
        let keyDownEvent = new KeyboardEvent('keydown', { key: char });
        element.dispatchEvent(keyDownEvent);
        element.value += char;

        let inputEvent = new Event('input', { bubbles: true });
        element.dispatchEvent(inputEvent);

        let keyUpEvent = new KeyboardEvent('keyup', { key: char });
        element.dispatchEvent(keyUpEvent);
    }

    let changeEvent = new Event('change', { bubbles: true });
    element.dispatchEvent(changeEvent);
}

function handleDashboardInteractions() {
    const searchInput = document.querySelector('input.oxd-input.oxd-input--active[placeholder="Search"]');

    if (searchInput) {
        simulateTyping(searchInput, "Test Search Query");

        const quickLaunch = document.querySelectorAll('.orangehrm-quick-launch-card');

        if (quickLaunch.length > 0) {
            const firstCard = quickLaunch[0];
            firstCard.style.backgroundColor = 'red';
            firstCard.click();
        }
    }

    const pathElement = document.querySelector('path.cls-1');

    if (pathElement) {
        pathElement.style.fill = 'red';
    }

    return {
        status: "Dashboard interaction complete",
        timestamp: new Date().toISOString()
    };
}

const result = handleDashboardInteractions();
return result;

??:

• ??? ???? ?? ??

• ?? ??? ?? ??

• ??? ?? ????? ?? ??? ??

• ? ?? 'K' ?? ??

???? ?? ??:

• ???? ????? ????

• ?? ?? ???

• ?? ???? ??

• ??? ?? ? ??

II. API ??? ???

A. JSONPlaceholder CRUD ??

?? URL: https://jsonplaceholder.typicode.com

1. ??? ??

async function handleDemoQAForms() {
    const formData = {
        fullName: "John Doe",
        email: "john@example.com",
        currentAddress: "123 Test Street",
        permanentAddress: "456 Demo Avenue"
    };

    const inputs = {
        "userName": formData.fullName,
        "userEmail": formData.email,
        "currentAddress": formData.currentAddress,
        "permanentAddress": formData.permanentAddress
    };

    for (const [id, value] of Object.entries(inputs)) {
        const input = document.getElementById(id);
        if (input) {
            input.focus();
            await new Promise(r => setTimeout(r, 300));
            input.value = value;
            input.dispatchEvent(new Event('input', { bubbles: true }));
            input.dispatchEvent(new Event('change', { bubbles: true }));
            await new Promise(r => setTimeout(r, 500));
        }
    }

    return formData;
}

const result = handleDemoQAForms();
return result;

1. ??? ??

async function handleInfiniteScroll() {
    let scrollCount = 0;
    let isScrolling = false;

    const smoothScroll = async () => {
        if (isScrolling) return;
        isScrolling = true;

        const scrollStep = async () => {
            if (scrollCount >= 5) {
                isScrolling = false;
                return;
            }

            window.scrollBy({
                top: 100,
                behavior: 'smooth'
            });

            await new Promise(r => setTimeout(r, 100));

            if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 200) {
                scrollCount++;
                await new Promise(r => setTimeout(r, 1000)); // Wait for new content to load
            }

            if (isScrolling) {
                requestAnimationFrame(scrollStep);
            }
        };

        requestAnimationFrame(scrollStep);
    };

    return smoothScroll();
}


handleInfiniteScroll().then(() => {
    return {
        status: "Infinite scrolling completed",
        timestamp: new Date().toISOString()
    };
});

1. ??? ????

async function analyzeDashboardMetrics() {
    const metrics = {
        totalOrders: 0,
        totalSales: 0,
        customerCount: 0
    };

    const waitForElement = (selector, timeout = 10000) => {
        return new Promise((resolve, reject) => {
            const interval = setInterval(() => {
                const element = document.querySelector(selector);
                if (element) {
                    clearInterval(interval);
                    resolve(element);
                }
            }, 500);

            setTimeout(() => {
                clearInterval(interval);
                reject(new Error(`Timeout: Element ${selector} not found`));
            }, timeout);
        });
    };

    await waitForElement('.tile');

    const tiles = document.querySelectorAll('.tile');
    if (tiles.length > 0) {
        if (tiles[0]) {
            const value = tiles[0].querySelector('.tile-body h2')?.textContent || '0';
            metrics.totalOrders = parseFloat(value.replace(/[^0-9.]/g, '')) * (value.includes('K') ? 1000 : 1);
        }
        if (tiles[1]) {
            const value = tiles[1].querySelector('.tile-body h2')?.textContent || '0';
            metrics.totalSales = parseFloat(value.replace(/[^0-9.]/g, '')) * (value.includes('K') ? 1000 : 1);
        }
        if (tiles[2]) {
            const value = tiles[2].querySelector('.tile-body h2')?.textContent || '0';
            metrics.customerCount = parseFloat(value.replace(/[^0-9.]/g, '')) * (value.includes('K') ? 1000 : 1);
        }
    }

    return metrics;
}


const result = analyzeDashboardMetrics();
return result;

1. ??? ??

Method: POST
Endpoint: /posts
Body:
{
    "title": "Test Post",
    "body": "Test Content",
    "userId": 1
}

B. ?? ??? API ????? ??

?? URL: https://fakestoreapi.com

1. ?? ??

function simulateTyping(element, text) {
    element.value = '';

    for (let i = 0; i < text.length; i++) {
        let char = text[i];
        let keyDownEvent = new KeyboardEvent('keydown', { key: char });
        element.dispatchEvent(keyDownEvent);
        element.value += char;

        let inputEvent = new Event('input', { bubbles: true });
        element.dispatchEvent(inputEvent);

        let keyUpEvent = new KeyboardEvent('keyup', { key: char });
        element.dispatchEvent(keyUpEvent);
    }

    let changeEvent = new Event('change', { bubbles: true });
    element.dispatchEvent(changeEvent);
}

function handleDashboardInteractions() {
    const searchInput = document.querySelector('input.oxd-input.oxd-input--active[placeholder="Search"]');

    if (searchInput) {
        simulateTyping(searchInput, "Test Search Query");

        const quickLaunch = document.querySelectorAll('.orangehrm-quick-launch-card');

        if (quickLaunch.length > 0) {
            const firstCard = quickLaunch[0];
            firstCard.style.backgroundColor = 'red';
            firstCard.click();
        }
    }

    const pathElement = document.querySelector('path.cls-1');

    if (pathElement) {
        pathElement.style.fill = 'red';
    }

    return {
        status: "Dashboard interaction complete",
        timestamp: new Date().toISOString()
    };
}

const result = handleDashboardInteractions();
return result;

1. ?? ??

async function handleDemoQAForms() {
    const formData = {
        fullName: "John Doe",
        email: "john@example.com",
        currentAddress: "123 Test Street",
        permanentAddress: "456 Demo Avenue"
    };

    const inputs = {
        "userName": formData.fullName,
        "userEmail": formData.email,
        "currentAddress": formData.currentAddress,
        "permanentAddress": formData.permanentAddress
    };

    for (const [id, value] of Object.entries(inputs)) {
        const input = document.getElementById(id);
        if (input) {
            input.focus();
            await new Promise(r => setTimeout(r, 300));
            input.value = value;
            input.dispatchEvent(new Event('input', { bubbles: true }));
            input.dispatchEvent(new Event('change', { bubbles: true }));
            await new Promise(r => setTimeout(r, 500));
        }
    }

    return formData;
}

const result = handleDemoQAForms();
return result;

1. ???? ????

async function handleInfiniteScroll() {
    let scrollCount = 0;
    let isScrolling = false;

    const smoothScroll = async () => {
        if (isScrolling) return;
        isScrolling = true;

        const scrollStep = async () => {
            if (scrollCount >= 5) {
                isScrolling = false;
                return;
            }

            window.scrollBy({
                top: 100,
                behavior: 'smooth'
            });

            await new Promise(r => setTimeout(r, 100));

            if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 200) {
                scrollCount++;
                await new Promise(r => setTimeout(r, 1000)); // Wait for new content to load
            }

            if (isScrolling) {
                requestAnimationFrame(scrollStep);
            }
        };

        requestAnimationFrame(scrollStep);
    };

    return smoothScroll();
}


handleInfiniteScroll().then(() => {
    return {
        status: "Infinite scrolling completed",
        timestamp: new Date().toISOString()
    };
});

??:

• ??? ???? ?? ??

• ?? ??? ?? ??

• ??? ?? ????? ?? ??? ??

• ? ?? 'K' ?? ??

???? ?? ??:

• ???? ????? ????

• ?? ?? ???

• ?? ???? ??

• ??? ?? ? ??

KaneAI? ???? ??

1. ?????? ??

   • ?? ??? ??? ????? ???? ??? ??? ??? ?? ???? ??? ??? ??????.

2. ??? ?? ??

   • ? ?? ????? ????? ???? ??? ?? ?? ???? ????? ?????.

3. ?? ??? ???

   • ????? ???? ????, ??? ??? ?? ?? ??? ?????. KaneAI? ???? ???? ? ??? ???? ??? ? ????.

4. ??? Jira ??

   • Jira ???? ?? ??? ??? ???? ????? ????? ?? ??? ????.

5. API ???

   • ??? ???? ??? API ???? ??? ???? ?????.

KaneAI ?? ???: ??? ???

???? ??? ??? ????. KaneAI? ??? ??? ???? ??? ??? ????? ??? ?? ???? ??? ? ????.

?? ??

• https://example.com?? ??

• ? ? ??

• ? ?? ??? ??

• ????

• ??? ????

• ??? ??

???? ??

• ??? ?? ??

• ??? ??? ???? ????

• "username@email.com"? ?????

• ??? ?? ???

• "??" ??

• Enter? ????

?? ???? ??

• ??? ??

  • ??? ??? ?? ??? ?????
  • ?? ?? < $200, ????? ??
  • ?? ???? ???? ????? ?????

• ??? ??

  • ??? ???
  • 100px? ???
  • ??? ???
  • 3? ???

??? ???

• ?? ???? "??"?? ??

• ?? ??? ??? ??

• ?? URL ??

• ??? ?? ??

?? ?? ?? ??

1. ????? ???? ?????

2. ??? ??? ??? ??? ????

3. ??? ??? ?????

4. ?? ???? ?? ?? ??

5. ?? ??? ??? ?????

??? ???

1. ??? [???: Muhammad Noorani]:
   
   

2. ?? [??: Muhammad Noorani]:
   
   ??? ??? ? ???: KaneAI? 5?? ???(??? ?? ????)

3. ?? ??:
   
   KaneAI ?? ??

?? ?????

???? ??? ? ?? ?? ?? ?? ??? ? ????? ?? ????. KaneAI? ???? ???? ???? ?? ??? ???? ????? ???? ????? ?????.

???? ?? ?? ? ??? ??? ? ?????. KaneAI? ???, ??, ???? ??? ???? ??? ? ???? ????.

??? ??? ???? ??? ????? KaneAI? ????? ???? ???? ??? ??????! ??? AI ??? ??? ??? ? ?? ???? ??? ???? ???? ??? ??????

?? ??? ?????????

? ?? ???, ???, ????? ??? ?? ??????.

• ? ?? ??

• ? ???

?? ??? ????!

? ??? oftware ??? ???: ? AI ??? ?? ????? ?? ?? ???? ??? ??.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!