Button Click এবং Form Validation

Form Submission এবং Automation - ফ্যান্টমজেএস (PhantomJS) - Web Development

279

PhantomJS একটি headless web browser যা JavaScript এবং WebKit (Safari এর ইঞ্জিন) এর উপর ভিত্তি করে তৈরি। এটি গ্রাফিকাল ইউজার ইন্টারফেস (GUI) ছাড়াই স্ক্রিপ্ট বা কমান্ড লাইনের মাধ্যমে ওয়েব পেজ পরীক্ষা এবং স্ক্রিনশট গ্রহণের মতো কাজ করতে সক্ষম। PhantomJS সাধারণত automated testing, web scraping, এবং headless browsing এর জন্য ব্যবহৃত হয়।

এখন, PhantomJS ব্যবহার করে button click এবং form validation নিয়ে কাজ করার পদ্ধতি আলোচনা করা হলো।

PhantomJS দিয়ে Button Click এবং Form Validation

PhantomJS দিয়ে আপনি ওয়েব পেজে থাকা button ক্লিক করতে পারেন এবং form validation পরীক্ষা করতে পারেন। এখানে কীভাবে আপনি এই কাজগুলি করতে পারবেন তার একটি উদাহরণ দেওয়া হল:

1. PhantomJS দিয়ে Button Click

আপনি PhantomJS স্ক্রিপ্টের মাধ্যমে একটি পেজের মধ্যে থাকা button ক্লিক করতে পারবেন। এজন্য document.querySelector অথবা document.getElementById ব্যবহার করে পেজের মধ্যে button নির্বাচন করতে হয় এবং click() মেথড প্রয়োগ করতে হয়।

Button Click Example (PhantomJS):

// Importing PhantomJS library
var page = require('webpage').create();

// Open a webpage
page.open('http://example.com', function(status) {
    if (status === "success") {
        // Select button by CSS selector or ID
        page.evaluate(function() {
            var button = document.querySelector("#myButton"); // Example of button ID
            if (button) {
                button.click(); // Trigger the button click
            }
        });

        // Wait a few seconds to ensure the action takes place
        setTimeout(function() {
            phantom.exit();
        }, 5000);
    } else {
        console.log("Failed to load the page.");
        phantom.exit();
    }
});

Explanation:

page.open(): এটি একটি ওয়েব পেজ লোড করার জন্য ব্যবহৃত হয়।
page.evaluate(): পেজের কন্টেন্টের মধ্যে JavaScript কোড এক্সিকিউট করতে ব্যবহৃত হয়।
document.querySelector(): এটি HTML ডকুমেন্ট থেকে একটি এলিমেন্ট সিলেক্ট করার জন্য ব্যবহৃত হয় (এখানে, #myButton ID এর বাটনটি সিলেক্ট করা হয়েছে)।
button.click(): এটি বাটন ক্লিক করার জন্য ব্যবহৃত হয়।

এই কোডটি PhantomJS দিয়ে পেজ লোড করবে, তারপর একটি নির্দিষ্ট বাটন ক্লিক করবে।

2. PhantomJS দিয়ে Form Validation

PhantomJS দিয়ে আপনি একটি ফর্মে ইনপুট প্রেরণ এবং তার validation পরীক্ষা করতে পারেন। document.forms ব্যবহার করে আপনি ফর্মে থাকা ইনপুট ফিল্ডে ভ্যালিডেশন করতে পারেন এবং ফলাফল যাচাই করতে পারেন।

Form Validation Example (PhantomJS):

var page = require('webpage').create();

page.open('http://example.com/form', function(status) {
    if (status === "success") {
        page.evaluate(function() {
            // Select the form and the input fields
            var form = document.querySelector('form');
            var username = document.querySelector('#username');
            var email = document.querySelector('#email');

            // Set values for form fields
            username.value = 'testUser';
            email.value = 'testUser@example.com';

            // Trigger form submission
            form.submit();
        });

        // Wait for the form to submit and then exit PhantomJS
        setTimeout(function() {
            phantom.exit();
        }, 5000);
    } else {
        console.log("Failed to load the page.");
        phantom.exit();
    }
});

Explanation:

document.querySelector(): এই মেথডটি username এবং email ইনপুট ফিল্ড নির্বাচন করার জন্য ব্যবহৃত হয়।
form.submit(): এই মেথডটি ফর্মটি সাবমিট করতে ব্যবহৃত হয়, যাতে ফর্মের ইনপুট ভ্যালিডেশন ও সাবমিশন পরীক্ষা করা যায়।
setTimeout(): এটি একটি বিলম্ব যোগ করে, যাতে পেজের প্রসেস সম্পূর্ণ হতে কিছু সময় দেওয়া যায়।

এটি PhantomJS দিয়ে একটি ফর্ম ইনপুটের সাথে form validation পরীক্ষা করার উদাহরণ। আপনি ফর্মের অন্যান্য ইনপুট ফিল্ডে validation যুক্ত করে পরীক্ষা করতে পারেন।