casperjs 各控件实现方法

1.LINK

 this.click('a[href^="020_test_source_c1.html"]');  -- 后方一致

this.click('a[href*="mhostname=algpae0a"]');       -- 部分一致

 this.click('a');   -- 画面上只有一个link的话可用

 

2.下拉框

A.下拉框里既定的某个值选定

this.fillSelectors("form[name='form']",{
    "select[name='projectid']": 'test'});

B.下拉框里的内容可变，将第几个值选中

 //プルダウンにINDEX 1を設定
            this.evaluate(function(){
                document.querySelector('select[name = "version"]').selectedIndex = 1;
                return true;
            });
            //プルダウンの値を取得
            var va = this.evaluate(function(){
                return document.querySelector('select[name = "version"]').value;
            });

            this.fillSelectors("form[name='form']",{
            "select[name='version']": va});

3.单选框

this.evaluate(function(){
    document.querySelector("input[type='radio'][name = 'url']").click();
});

this.evaluate(function(){
    document.querySelector("input[type='radio'][value='prd|alge|algew|now']").click();
});

4.复选框

A.固定值的框选中
this.evaluate(function(){
    document.querySelector("input[type='checkbox'][name = 'all']").click();
});

B.框的内容是可变的
//パス一覧を取得する
    var Nodes = this.getElementsAttribute("input[type='checkbox'][name=path]",'value');
    for(var i=0; i<Nodes.length; i++){
      this.echo(Nodes[i]);
      //"/G"を含まないパスを選択し除外する
      if (Nodes[i].indexOf("/G") == -1) {
         this.evaluate(function(v){
         document.querySelector("input[type='checkbox'][name='path'][value ='"+v+"']").click();
         },Nodes[i]);
      }
    }

5.按钮
this.evaluate(function(){
    document.querySelector("input[type='submit'][value=' 複製 ']").click();
});

this.evaluate(function(){
    document.querySelector("input[type='submit'][name='approval']").click();
});

this.evaluate(function(){
    document.querySelector("input[type='button'][value=' Subversion資源払出 ']").click();
});

 

6.确认窗口

// 複製をクリック
this.evaluate(function(){
     document.querySelector("input[type='submit'][value=' 複製 ']").click();
});
casper.setFilter("page.confirm",function(message){
    self.received = message;
    this.echo('message to confirm:' + message);
    return true;
});

 

7.文本框

this.evaluate(function(){
    document.querySelector("input[name='si_key']").setAttribute("value","test");
});

this.evaluate(function(){
    document.querySelector("input[name='from']").setAttribute("value","/");
});

 

8.文件下载与上传

A.下载

//システム日付
var now = new Date();
var yyyymmdd = now.getFullYear()+( "0"+( now.getMonth()+1 ) ).slice(-2)+( "0"+now.getDate() ).slice(-2);

var releaseNo = yyyymmdd+"_test"; //リリース番号

var logdir    = "test/"+yyyymmdd+"_01";   // ログ格納場所

casper.then(function() {
    this.echo('Main Menu');
    this.wait(1000, function() {
        this.capture(logdir +'/test.png');
        var downloadurl = ""
        var listtext  = releaseNo+"_LIST.txt";   //ファイル名
        downloadurl = "https://XX.XX.XX.XX:XXXX/Common/download.html?mode=ascii;dir=/Library/RealVersion/log/Release/prd/"+releaseNo+"/.rvn/list/Release/"+listtext;
        this.download(downloadurl,'slm/releasefile/'+listtext);
    });
});

 

B.上传

casper.then(function() {
    this.wait(1000, function() {
        this.capture(logdir +'/test.png');
        this.page.switchToChildFrame(0);
        this.page.switchToChildFrame('right');
       
        var listtext  = releaseNo+"_LIST.txt";     //ファイル名
        //リストファイルをアップロードする
        this.page.uploadFile("input[name='check_file']",'D:/casperjs/bat/releasefile/'+listtext);
        //準備リスト確認クリック
        this.evaluate(function(){
           document.querySelector("input[type='submit'][value='確認']").click();
        });
       
        this.page.switchToParentFrame();
        this.page.switchToParentFrame();
    });
});