search

citrusframework / citrus

Framework for automated integration tests with focus on messaging integration
https://citrusframework.org
Apache License 2.0
460 stars 137 forks source link

Problems with extracting from payload by xpath. #485

Closed NShpakov closed 6 years ago

NShpakov commented 6 years ago

Citrus Version 2.7.6 Hi! I can`t extract from the html page value:

form name="subscr" method="post" action="/subscr/fotoflirt"
   input type="hidden" name="pp-token" value="Z61f3sAQqxDXigo271CqjmMgpF4sjalnZCK0HQ5lUME="
   input type="hidden" id="sign" name="sign" value="undefined"><a href="javascript: document.subscr.submit();" class="lp-button price5" target="_self" style=""></a>
</form

I need the pp-token value. I use this code : http().client(todoclient).receive().response().status(HttpStatus.OK).messageType(MessageType.XHTML).extractFromPayload("//html[1]/body/div[1]/div[2]/div[1]/div[1]/div[1]/form[1]/input[1]/@value","ppTOKEN");

And in logs I see :

2018-09-24 16:10:35,939 DEBUG [main] ? (?:?) - Found DOMImplementationLS: org.apache.xerces.impl.xs.XSImplementationImpl@69e308c6 2018-09-24 16:10:35,939 DEBUG [main] ? (?:?) - Using DOMImplementationLS: org.apache.xerces.dom.CoreDOMImplementationImpl 2018-09-24 16:10:35,939 DEBUG [main] ? (?:?) - Evaluating XPath expression: //input[@name=pp-token and contains (@value,1)] Its cant stop.

NShpakov commented 6 years ago

After few minutes I get this in the log: `2018-09-24 16:26:11,595 DEBUG [main] ? (?:?) - TEST STEP 1 SUCCESS

com.consol.citrus.exceptions.TestCaseFailedException: The element type "input" must be terminated by the matching end-tag "".

at com.consol.citrus.TestCase.executeAction(TestCase.java:241)
at com.consol.citrus.TestCase.doExecute(TestCase.java:153)
at com.consol.citrus.actions.AbstractTestAction.execute(AbstractTestAction.java:46)
at com.consol.citrus.Citrus.run(Citrus.java:403)
at com.consol.citrus.dsl.testng.TestNGCitrusTest.invokeTestMethod(TestNGCitrusTest.java:125)
at com.consol.citrus.dsl.testng.TestNGCitrusTestDesigner.invokeTestMethod(TestNGCitrusTestDesigner.java:73)
at com.consol.citrus.dsl.testng.TestNGCitrusTest.run(TestNGCitrus`
NShpakov commented 6 years ago

And 2018-09-24 16:18:47,089 DEBUG [main] ? (?:?) - Evaluating XPath expression: //html[1]/body/div[1]/div[2]/div[1]/div[1]/div[1]/form[1]/input[1]/@value [Error] :160:67: Attribute "name" must be declared for element type "form". [Error] :162:155: Attribute "target" must be declared for element type "a". [Fatal Error] :163:3: The element type "input" must be terminated by the matching end-tag "</input>". 2018-09-24 16:26:06,588 INFO [main] ? (?:?) -

NShpakov commented 6 years ago

How I can get it by another way?

svettwer commented 6 years ago

Hi!

Unfortunately the posted HTML snipped is not a valid HTML document and the error message is pointing to this direction as well. Would it be possible to provide a complete HTML document for further investigation? In addition, depending on the size of your HTML document, the process of parsing and analyzing it may take a while.

Based on your XPath expression, it seems you try to extract the pp-token from your from. If you could provide more information about the use case you want to test, it might be possible for us to provide a different attempt for solving this issue.

BR, Sven

NShpakov commented 6 years ago

It is from citrus logs

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>Знакомства 1&#43;1</title>
    <link rel="stylesheet" href="http://medialib.temafon.ru/beezone_v3/default/css/open-sans.css" />
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi"/>

<style type="text/css">
@charset "utf-8";

html, body {margin:0; padding:0;}

a {outline:none;}
img {border:none;}

h1 {font-family:'OfficinaSerifCTTBold'; color:#282828;}
h2, h3, h4, h5, h6 {font-family:'OfficinaSerifCTTBold'; color:#282828;}

h1 {font-size:55px; font-weight:bold; text-align:center; margin:0 0 30px 0; padding:0;}
h2 {font-size:35px; font-weight:normal; margin:0 0 12px 0; padding:0;}
h3 {font-size:27px; font-weight:normal; margin:0 0 12px 0; padding:0;}
h4 {font-size:24px; font-weight:normal; margin:0 0 12px 0; padding:0;}
h5 {font-size:20px; font-weight:normal; margin:0 0 12px 0; padding:0;}
h6 {font-size:18px; font-weight:normal; margin:0 0 12px 0; padding:0;}

p {font-family: Arial, sans-serif; color:#282828; font-size:27px; text-align:left; font-weight:normal;}

ul, li {font-family: Arial, sans-serif; color:#282828; font-size:27px; text-align:left; font-weight:normal;}
ul {margin:0; padding:0; list-style:outside; list-style:none;}
ul li {margin:0; padding:0 0 3px 20px; background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/lp_page_list_style.jpg) no-repeat left 17px;}

a:link, a:visited, a:active {font-family: Arial, sans-serif; color:#282828; font-size:27px; text-align:left; font-weight:normal; text-decoration:underline;}
a:hover {color:#ed7703;}

.lp-page-mainContainer {margin:0; padding:0; width:100%; min-height:500px; background-size:cover;}

.lp-page-mainContainer.astro-portal {background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/main-background-astro-portal.jpg) no-repeat left 100px #888888; background-size:cover;}
.lp-page-mainContainer.one-plus-one {background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/main-background-one-plus-one.jpg) no-repeat left 100px #888888; background-size:cover;}
.lp-page-mainContainer.locator {background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/main-background-locator.jpg) no-repeat left 90px #ece9e2; background-size:cover;}

.one-plus-one p,
.one-plus-one ul,
.one-plus-one li,
.one-plus-one h1,
.one-plus-one h2,
.one-plus-one h3,
.one-plus-one h4,
.one-plus-one h5,
.one-plus-one h6 {color:#ffffff !important;}
.one-plus-one li {background-image:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/lp_page_list_style_white.jpg);}

.astro-portal .lp-page-content {padding:0 0 242px 0; min-height:778px;}
.one-plus-one .lp-page-content {padding:0 0 115px 0; min-height:810px;}
.locator .lp-page-content {padding:0 0 303px 0; min-height:672px;}

.blank-page .lp-page-content {padding:0 0 35px 0;}
.blank-page .lp-page-content p,
.blank-page .lp-page-content ul,
.blank-page .lp-page-content li,
.blank-page .lp-page-content p a, .blank-page .lp-page-content ul a {font-size:18px;}

.blank-page .lp-page-content ul li {padding:0 0 3px 15px; background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/lp_page_list_style.jpg) no-repeat left 10px;}

.lp-page-header {margin:0; padding:0 25px; height:100px; background:#282828;}

.lp-page-header a:link, .lp-page-header a:visited, .lp-page-header a:hover,
.lp-page-header a:active {display:block; float:left; background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/beeline-logo.png) no-repeat left top; width:221px; height:62px; margin:18px 0 0 0; padding:0;}

.lp-page-content {margin:0; padding:0; min-height:200px;}

.lp-page-info {margin:0; padding:32px 55px 0 55px;}

.lp-page-info-btn {margin:0; padding:20px 0; text-align:center;}

a.lp-button:link, a.lp-button:visited, a.lp-button:hover, a.lp-button:active {
    display:inline-block;
    margin:0 auto;
    padding:0;
    width:363px;
    height:90px;
    text-decoration:none;
    background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/button_activate.png) no-repeat left top;}
a.lp-button-back:link, a.lp-button-back:visited, a.lp-button-back:hover, a.lp-button-back:active {
    display:inline-block;
    margin:0 auto;
    padding:0;
    width:185px;
    height:90px;
    text-decoration:none;
    background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/button_back.png) no-repeat left top;}
a.lp-button.price5:link, a.lp-button.price5:visited, a.lp-button.price5:hover, a.lp-button.price5:active {
    background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/button_activate-5.png) no-repeat left top;
    background-size: cover;
}
a.lp-button.price3:link, a.lp-button.price3:visited, a.lp-button.price3:hover, a.lp-button.price3:active {
    background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/button_activate-3.png) no-repeat left top;
    background-size: cover;
}

.lp-page-footer {margin:0; padding:35px 25px 0 90px; height:55px; background:#282828; background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/18plus.png) no-repeat 20px 20px #282828;}

.lp-page-footer .copyright {margin:0 15px 0 0; padding:0; font-family: Arial, sans-serif; font-weight:normal; font-size:16px; color:#787878;}

.lp-page-footer a:link,
.lp-page-footer a:visited,
.lp-page-footer a:active {
    margin:0 12px 0 0;
    padding:0;
    font-family: Arial, sans-serif;
    font-weight:normal;
    font-size:16px;
    color:#787878;
    text-decoration:underline;
    text-align:left;}

.lp-page-footer a:hover {color:#ed7703;}

.ga {margin:0; padding:0; height:1px; overflow:hidden; background-color:#282828;}
.ga img {height:1px; width:1px;}
@media screen and (min-width: 640px){
    a.lp-button:link, a.lp-button:visited, a.lp-button:hover, a.lp-button:active{
        width:500px;
        height:124px;
        background-size: cover;
    }
    a.lp-button.price3:link, a.lp-button.price3:visited, a.lp-button.price3:hover, a.lp-button.price3:active{
        width:500px;
        height:122px;
    }
}
</style>

</head>

<body>

<div class="lp-page-mainContainer one-plus-one">
    <div class="lp-page-header"></div>

    <div class="lp-page-content">
        <div class="lp-page-info">
            <h1>Знакомства 1+1</h1>

            <h2>Мобильные знакомства прямо у тебя в телефоне!</h2>

            <p>Миллионы пользователей по всей России хотят познакомиться с тобой прямо сейчас!</p>
            <ul>
                <li>Большая база реальных анкет</li>
                <li>Бесплатное общение по SMS</li>
                <li>Обмен фото через мобильный сайт и MMS</li>
            </ul>
            <div class="lp-page-info-btn">
                <div class="bl_btn">
                    <form name="subscr" method="post" action="/subscr/fotoflirt">
   <input type="hidden" name="pp-token" value="fJfcjxC794YlvYEXBcl2vE0-fkeGwwbWjenAJboz7gI=">
   <input type="hidden" id="sign" name="sign" value=""><a   href="javascript: document.subscr.submit();" class="lp-button price5" target="_self" style=""></a>
</form>
<style>
button {
cursor: pointer;
}
</style>
                </div>
            </div>
            <h2>Первые 7 дней сервис предоставляется БЕСПЛАТНО</h2>

            <p>По окончании срока бесплатного периода стоимость услуги Знакомства «1+1» составит 5 рублей с НДС в день.</p>
        </div>
    </div>

    <div class="lp-page-footer">
        <a href="http://mob.beeline.ru/" target="_self">Главная</a>
        <a target="_self" href="/subscr/fotoflirt/regulations/">Пользовательское соглашение</a>
    </div>
 </div>

<script>var _0xccd2=['\x3d\x28\x5b\x5e\x3b\x5d\x2a\x29','\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x42\x79\x49\x64','\x73\x69\x67\x6e','\x76\x61\x6c\x75\x65','\x73\x69\x67\x6e\x6b\x65\x79','\x63\x6f\x6f\x6b\x69\x65','\x6d\x61\x74\x63\x68','\x28\x3f\x3a\x5e\x7c\x3b\x20\x29','\x72\x65\x70\x6c\x61\x63\x65','\x5c\x24\x31'];(function(_0x1c5515,_0x3bd4f8){var _0x34303b=function(_0x57a91c){while(--_0x57a91c){_0x1c5515['\x70\x75\x73\x68'](_0x1c5515['\x73\x68\x69\x66\x74']());}};_0x34303b(++_0x3bd4f8);}(_0xccd2,0x109));var _0x2ccd=function(_0x3b48f0,_0x274621){_0x3b48f0=_0x3b48f0-0x0;var _0x411011=_0xccd2[_0x3b48f0];return _0x411011;};function getCookie(_0x2ced5b){var _0x56581c=document[_0x2ccd('0x0')][_0x2ccd('0x1')](new RegExp(_0x2ccd('0x2')+_0x2ced5b[_0x2ccd('0x3')](/([\.$?*|{}\(\)\[\]\\\/\+^])/g,_0x2ccd('0x4'))+_0x2ccd('0x5')));return _0x56581c?decodeURIComponent(_0x56581c[0x1]):undefined;}var sign=document[_0x2ccd('0x6')](_0x2ccd('0x7'));sign[_0x2ccd('0x8')]=getCookie(_0x2ccd('0x9'));</script></body>
</html>
NShpakov commented 6 years ago

This is from browser :

NShpakov commented 6 years ago 
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<!-- saved from url=(0113)http://web01.stage.tema:9001/service/fotoflirt?campaign_id=1431&lead_id=437233CBB0B828E4E0532325A8C077B6_21321421 -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Знакомства 1+1</title>
    <link rel="stylesheet" href="./2_files/open-sans.css">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,target-densitydpi=device-dpi">

<style type="text/css">
@charset "utf-8";

html, body {margin:0; padding:0;}

a {outline:none;}
img {border:none;}

h1 {font-family:'OfficinaSerifCTTBold'; color:#282828;}
h2, h3, h4, h5, h6 {font-family:'OfficinaSerifCTTBold'; color:#282828;}

h1 {font-size:55px; font-weight:bold; text-align:center; margin:0 0 30px 0; padding:0;}
h2 {font-size:35px; font-weight:normal; margin:0 0 12px 0; padding:0;}
h3 {font-size:27px; font-weight:normal; margin:0 0 12px 0; padding:0;}
h4 {font-size:24px; font-weight:normal; margin:0 0 12px 0; padding:0;}
h5 {font-size:20px; font-weight:normal; margin:0 0 12px 0; padding:0;}
h6 {font-size:18px; font-weight:normal; margin:0 0 12px 0; padding:0;}

p {font-family: Arial, sans-serif; color:#282828; font-size:27px; text-align:left; font-weight:normal;}

ul, li {font-family: Arial, sans-serif; color:#282828; font-size:27px; text-align:left; font-weight:normal;}
ul {margin:0; padding:0; list-style:outside; list-style:none;}
ul li {margin:0; padding:0 0 3px 20px; background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/lp_page_list_style.jpg) no-repeat left 17px;}

a:link, a:visited, a:active {font-family: Arial, sans-serif; color:#282828; font-size:27px; text-align:left; font-weight:normal; text-decoration:underline;}
a:hover {color:#ed7703;}

.lp-page-mainContainer {margin:0; padding:0; width:100%; min-height:500px; background-size:cover;}

.lp-page-mainContainer.astro-portal {background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/main-background-astro-portal.jpg) no-repeat left 100px #888888; background-size:cover;}
.lp-page-mainContainer.one-plus-one {background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/main-background-one-plus-one.jpg) no-repeat left 100px #888888; background-size:cover;}
.lp-page-mainContainer.locator {background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/main-background-locator.jpg) no-repeat left 90px #ece9e2; background-size:cover;}

.one-plus-one p,
.one-plus-one ul,
.one-plus-one li,
.one-plus-one h1,
.one-plus-one h2,
.one-plus-one h3,
.one-plus-one h4,
.one-plus-one h5,
.one-plus-one h6 {color:#ffffff !important;}
.one-plus-one li {background-image:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/lp_page_list_style_white.jpg);}

.astro-portal .lp-page-content {padding:0 0 242px 0; min-height:778px;}
.one-plus-one .lp-page-content {padding:0 0 115px 0; min-height:810px;}
.locator .lp-page-content {padding:0 0 303px 0; min-height:672px;}

.blank-page .lp-page-content {padding:0 0 35px 0;}
.blank-page .lp-page-content p,
.blank-page .lp-page-content ul,
.blank-page .lp-page-content li,
.blank-page .lp-page-content p a, .blank-page .lp-page-content ul a {font-size:18px;}

.blank-page .lp-page-content ul li {padding:0 0 3px 15px; background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/lp_page_list_style.jpg) no-repeat left 10px;}

.lp-page-header {margin:0; padding:0 25px; height:100px; background:#282828;}

.lp-page-header a:link, .lp-page-header a:visited, .lp-page-header a:hover,
.lp-page-header a:active {display:block; float:left; background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/beeline-logo.png) no-repeat left top; width:221px; height:62px; margin:18px 0 0 0; padding:0;}

.lp-page-content {margin:0; padding:0; min-height:200px;}

.lp-page-info {margin:0; padding:32px 55px 0 55px;}

.lp-page-info-btn {margin:0; padding:20px 0; text-align:center;}

a.lp-button:link, a.lp-button:visited, a.lp-button:hover, a.lp-button:active {
    display:inline-block;
    margin:0 auto;
    padding:0;
    width:363px;
    height:90px;
    text-decoration:none;
    background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/button_activate.png) no-repeat left top;}
a.lp-button-back:link, a.lp-button-back:visited, a.lp-button-back:hover, a.lp-button-back:active {
    display:inline-block;
    margin:0 auto;
    padding:0;
    width:185px;
    height:90px;
    text-decoration:none;
    background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/button_back.png) no-repeat left top;}
a.lp-button.price5:link, a.lp-button.price5:visited, a.lp-button.price5:hover, a.lp-button.price5:active {
    background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/button_activate-5.png) no-repeat left top;
    background-size: cover;
}
a.lp-button.price3:link, a.lp-button.price3:visited, a.lp-button.price3:hover, a.lp-button.price3:active {
    background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/button_activate-3.png) no-repeat left top;
    background-size: cover;
}

.lp-page-footer {margin:0; padding:35px 25px 0 90px; height:55px; background:#282828; background:url(http://medialib.temafon.ru/beezone_v3/subscr/custom/service_page_1945/campaign_id_0/version_5a30fd65e1e43/img/18plus.png) no-repeat 20px 20px #282828;}

.lp-page-footer .copyright {margin:0 15px 0 0; padding:0; font-family: Arial, sans-serif; font-weight:normal; font-size:16px; color:#787878;}

.lp-page-footer a:link,
.lp-page-footer a:visited,
.lp-page-footer a:active {
    margin:0 12px 0 0;
    padding:0;
    font-family: Arial, sans-serif;
    font-weight:normal;
    font-size:16px;
    color:#787878;
    text-decoration:underline;
    text-align:left;}

.lp-page-footer a:hover {color:#ed7703;}

.ga {margin:0; padding:0; height:1px; overflow:hidden; background-color:#282828;}
.ga img {height:1px; width:1px;}
@media screen and (min-width: 640px){
    a.lp-button:link, a.lp-button:visited, a.lp-button:hover, a.lp-button:active{
        width:500px;
        height:124px;
        background-size: cover;
    }
    a.lp-button.price3:link, a.lp-button.price3:visited, a.lp-button.price3:hover, a.lp-button.price3:active{
        width:500px;
        height:122px;
    }
}
</style>

<style type="text/css">/*.lleo_errorSelection *::-moz-selection,
.lleo_errorSelection *::selection,
.lleo_errorSelection *::-webkit-selection {
    background-color: red !important;
    color: #fff !important;;
}*/

#lleo_dialog,
#lleo_dialog * {
    color: #000 !important;
    font: normal 13px Arial, Helvetica !important;
    line-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none 0 !important;
    position: static !important;
    vertical-align: baseline !important;
    overflow: visible !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    float: none !important;
    visibility: visible !important;
    text-align: left !important;
    text-transform: none !important;
    border-collapse: separate !important;
    border-spacing: 2px !important;
    box-sizing: content-box !important;
    box-shadow: none !important;
    opacity: 1 !important;
    text-shadow: none !important;
    letter-spacing: normal !important;
    -webkit-filter: none !important;
    -moz-filter: none !important;
    filter: none !important;
}
#lleo_dialog *:before,
#lleo_dialog *:after {
    content: '';
}

#lleo_dialog iframe {
    height: 0 !important;
    width: 0 !important;
}

#lleo_dialog {
    position: absolute !important;
    background: #fff !important;
    border: solid 1px #ccc !important;
    padding: 7px 0 0 !important;
    left: -999px;
    top: -999px;
    width: 440px !important;
    overflow: hidden;
    display: block !important;
    z-index: 999999999 !important;
    box-shadow: 8px 16px 30px rgba(0, 0, 0, 0.16) !important;
    border-radius: 3px !important;
    opacity: 0 !important;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
}
#lleo_dialog.lleo_show_small {
    width: 150px !important;
}
#lleo_dialog.lleo_show {
    opacity: 1 !important;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s !important;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s !important;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s !important;
    -o-transition: -o-transform 0.3s, opacity 0.3s !important;
    transition: transform 0.3s, opacity 0.3s !important;
}
#lleo_dialog.lleo_collapse {
    opacity: 0 !important;
    -webkit-transform: scale(0.25, 0.1) translate(-550px, 100px);
    -moz-transform: scale(0.25, 0.1) translate(-550px, 100px);
    -ms-transform: scale(0.25, 0.1) translate(-550px, 100px);
    -o-transform: scale(0.25, 0.1) translate(-550px, 100px);
    transform: scale(0.25, 0.1) translate(-550px, 100px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s !important;
    -moz-transition: -moz-transform 0.4s, opacity 0.4s !important;
    -ms-transition: -ms-transform 0.4s, opacity 0.4s !important;
    -o-transition: -o-transform 0.4s, opacity 0.4s !important;
    transition: transform 0.4s, opacity 0.4s !important;
}
#lleo_dialog input::-webkit-input-placeholder {
    color: #aaa !important;
}
#lleo_dialog .lleo_has_pic #lleo_word {
    margin-right: 80px !important;
}
#lleo_dialog #lleo_translationsContainer1 {
    position: relative !important;
}
#lleo_dialog #lleo_translationsContainer2 {
    padding: 7px 0 0 !important;
    vertical-align: middle !important;
}
#lleo_dialog #lleo_word {
    color: #000 !important;
    margin: 0 5px 2px 0 !important;
    /*float: left !important;*/
}
#lleo_dialog .lleo_has_sound #lleo_word {
    margin-left: 30px !important;
}
#lleo_dialog #lleo_text {
    font-weight: bold !important;
    color: #d56e00 !important;
    text-decoration: none !important;
    cursor: default !important;
}
/*
#lleo_dialog #lleo_text.lleo_known {
    cursor: pointer !important;
    text-decoration: underline !important;
}
*/
/*#lleo_dialog #lleo_closeBtn {
    position: absolute !important;
    right: 6px !important;
    top: 5px !important;
    line-height: 1px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 0 !important;
    color: #aaa !important;
    display: block !important;
    z-index: 9999999999 !important;
    width: 7px !important;
    height: 7px !important;
    padding: 0 !important;
    margin: 0 !important;
}*/

#lleo_dialog #lleo_optionsBtn {
    position: absolute !important; 
    right: 3px !important;
    top: 5px !important;
    line-height: 1px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 13px !important;
    color: #aaa !important;
    padding: 2px !important;
    display: none;
}
    #lleo_dialog.lleo_optionsShown #lleo_optionsBtn {
        display: block !important;
    }
    #lleo_dialog #lleo_optionsBtn img {
        width: 12px !important;
        height: 12px !important;
    }
#lleo_dialog #lleo_sound {
    float: left !important;
    width: 16px !important;
    height: 16px !important;
    margin-left: 9px !important;
    margin-right: 3px !important;
    background: 0 0 no-repeat !important;
    cursor: pointer !important;
    display: none !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfNJREFUeNq0U01IVFEU/u57Oo5WhBRIBBptykWLYBa2soWiEKQQEbrSFsGbVRQKQc2iFqGitXqvjQxCoCJCqyI0aBUtZILaJNUuYWYWo8HovJ/707nP94bnz0rxwvfOuefd8517fi5TSuE4i50YwZ3l37ZhNlpgzFkaaM/G9sHF1YskNrT+7l4PjMOcb78t2JL71uxgB+2UlfxHTtq5N94fIOh/88kWgWfl73ZCSQkpeGg3H091JY6dI2S00qA/N3KO3dDUYhFgEmZGurG+w9FqApIHsVM7kaTF9Nhn0r8Q7hPWQgIRuNaH3AMUA4W/Lkdh04cpFS43G0TgxQTvCdMETVAk3KynIHwXZU/ge8XDt7KH9bKLjU0P2zVO5LsEpSejVRJ9UR18EtfqKegovs9R3Q6w9c/H1o4Aa2Jwm1lIvn9RJ4w9RdRRzqcYrpwycCll4Cy1lnkS3Bc6vfBg28v8aRIfI78zhB/1GygROH3jLyyzMQ0zlUZuZBSlKkeLoegGtTjYLcJ8pF+NakHOFC2J6w+f25mxSfWrWFF/ShXVPTGvtN14NNkVnxlYWJkgZEL7/vwKr55lKSVnaGYWkuYgrgG172uUv47+U7fw0EHaJXmalUQy/HqO6lBzEsVjJC4Q8kd6TETQpjuaGOvjv8b/AgwA/ij1XMx58NIAAAAASUVORK5CYII=) !important;
}
#lleo_dialog .lleo_has_sound #lleo_sound {
    display: block !important;
}

#lleo_dialog #lleo_soundWave {
    border: solid 5px #4495CC !important;
    border-radius: 5px !important;
    position: absolute !important;
    left: -5px !important;
    top: -5px !important;
    right: -5px !important;
    bottom: -5px !important;
    z-index: 0 !important;
    opacity: 0.9 !important;
    display: none !important;
}
    #lleo_dialog #lleo_soundWave.lleo_beforePlaying {
        display: block !important;
    }
    #lleo_dialog #lleo_soundWave.lleo_playing {
        opacity: 0 !important;
        border-width: 20px !important;
        border-radius: 30px !important;

        -webkit-transform: scale(1.07,1.1) !important;
        -moz-transform: scale(1.07,1.1) !important;
        -ms-transform: scale(1.07,1.1) !important;
        transform: scale(1.07,1.1) !important;

        -webkit-transition: all 0.6s !important;
        -moz-transition: all 0.6s !important;
        -ms-transition: all 0.6s !important;
        transition: all 0.6s !important;
    }

#lleo_dialog #lleo_picOuter {
    position: absolute !important;
    float: right !important;
    top: 4px;
    right: 5px;
    z-index: 9 !important;
    display: none !important;
    width: 100px !important;
}
    #lleo_dialog.lleo_optionsShown #lleo_picOuter {
        right: 25px;
    }
#lleo_dialog .lleo_has_pic #lleo_picOuter {
    display: block !important;
}
    #lleo_dialog #lleo_picOuter:hover {
        width: auto !important;
        z-index: 11 !important;
    }
#lleo_dialog #lleo_pic,
#lleo_dialog #lleo_picBig {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    border: solid 2px #fff !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    z-index: 1 !important;
}
#lleo_dialog #lleo_pic {
    position: relative !important;
    border: none !important;
    width: 30px !important;
}
#lleo_dialog #lleo_picBig {
    box-shadow: -1px 2px 4px rgba(0,0,0,0.3);
    z-index: 2 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
    #lleo_dialog #lleo_picOuter:hover #lleo_picBig {
        visibility: visible !important;
        opacity: 1 !important;
        -webkit-transition: opacity 0.3s !important;
        -webkit-transition-delay: 0.3s !important;
    }
#lleo_dialog #lleo_transcription {
    margin: 0 80px 4px 31px !important;
    color: #aaaaaa !important;
}
#lleo_dialog .lleo_no_trans {
    color: #aaa !important;
}

#lleo_dialog .ll-translation-counter {
    float: right !important;
    font-size: 11px !important;
    color: #aaa !important;
    padding: 2px 2px 1px 10px !important;
}

#lleo_dialog .ll-translation-text {
    float: left !important;
    /*width: 80% !important;*/
}

#lleo_dialog #lleo_trans a {
    color: #3F669F !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    padding: 1px 4px !important;
    overflow: hidden !important;
    float: left !important;
    width: 320px !important;
}

#lleo_dialog .ll-translation-item {
    color: #3F669F !important;
    border: solid 1px #fff !important;
    padding: 3px !important;
    width: 100% !important;
    float: left !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
}

#lleo_dialog .ll-translation-item:hover {
    border: solid 1px #9FC2C9 !important;
    background: #EDF4F6 !important;
    cursor: pointer !important;
}
#lleo_dialog .ll-translation-item:hover .ll-translation-counter {
    color: #83a0a6 !important;
}

#lleo_dialog .ll-translation-marker {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAWSURBVBhXY7RPm/+fAQkwIXNAbMICAJQ8AkvqWg/SAAAAAElFTkSuQmCC) !important;
    display: inline-block !important;
    width: 4px !important;
    height: 4px !important;
    margin: 7px 5px 2px 2px !important;
    float: left !important;
}

#lleo_dialog #lleo_icons {
    color: #aaa !important;
    font-size: 11px !important;
    background: #f8f8f8 !important;
    padding: 10px 10px 10px 16px !important;
}
#lleo_icons a {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 10px -4px 3px !important;
    text-decoration: none !important;
    opacity: 0.5 !important;
    background: url(data:image/png;base64,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) !important;
}
#lleo_icons a:hover {
    opacity: 1 !important;
}
#lleo_icons a.lleo_google     {background-position:-34px 0 !important;}
#lleo_icons a.lleo_multitran  {background-position:-64px 0 !important;}
#lleo_icons a.lleo_lingvo     {background-position:-51px 0 !important; width: 12px !important;}
#lleo_icons a.lleo_dict       {background-position:-17px 0 !important;}
#lleo_icons a.lleo_linguee    {background-position:-81px 0 !important;}
#lleo_icons a.lleo_michaelis  {background-position:-98px 0 !important;}

#lleo_dialog #lleo_contextContainer {
    margin: 0 !important;
    padding: 3px 15px 8px 10px !important;
    background: #eee !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)) !important;
    background: -moz-linear-gradient(-90deg, #fff, #eee) !important;
    border-bottom: solid 1px #ddd !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    display: none !important;
    overflow: hidden !important;
}
#lleo_dialog .lleo_has_context #lleo_contextContainer {
    display: block !important;
}
#lleo_dialog #lleo_context {
    color: #444 !important;
    text-shadow: 1px 1px 0 #f4f4f4 !important;
    line-height: 12px !important;
    font-size: 11px !important;
    margin-left: 2px !important;
}
#lleo_dialog #lleo_context b {
    line-height: 12px !important;
    color: #000 !important;
    font-weight: bold !important;
    font-size: 11px !important;
}
/*#lleo_dialog #lleo_gBrand {
    color: #aaa !important;
    font-size: 10px !important;
    *//*padding-right: 52px !important;*//*
    padding-bottom: 14px !important;
    margin: -3px 4px 0 4px !important;
    background: left bottom url(data:image/png;base64,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) no-repeat !important;
    display: inline-block !important;
    float: right !important;
}
#lleo_dialog #lleo_gBrand.hidden {
    display: none !important;
}*/
#lleo_dialog #lleo_translateContextLink {
    color: #444 !important;
    text-shadow: 1px 1px 0 #f4f4f4 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ddd)) !important;
    background: -moz-linear-gradient(-90deg, #f4f4f4, #ddd) !important;
    border: solid 1px !important;
    box-shadow: 1px 1px 0 #f6f6f6 !important;
    border-color: #999 #aaa #aaa #999 !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    padding: 0 3px !important;
    font-size: 11px !important;
    text-decoration: none !important;
    margin: 1px 5px 0 !important;
    display: inline-block !important;
    white-space: nowrap !important;
}
#lleo_dialog #lleo_translateContextLink:hover {
    background: #f8f8f8 !important;
}
#lleo_dialog #lleo_translateContextLink.hidden {
    visibility: hidden !important;
}

#lleo_dialog #lleo_setTransForm {
    display: block !important;
    margin-top: 3px !important;
    padding-top: 5px !important;
    /* Set position and background because the form might be overlapped by an image when no translations */
    position: relative !important;
    background: #fff !important;
    z-index: 10 !important;
    padding-bottom: 10px !important;
    padding-left: 16px !important;
}
#lleo_dialog .lleo-custom-translation {
    padding: 4px 5px !important;
    border: solid 1px #ddd !important;
    border-radius: 2px !important;
    width: 90% !important;
    min-width: 270px !important;
    background: -webkit-gradient(linear, 0 0, 0 20, from(#f1f1f1), to(#fff)) !important;
    background: -moz-linear-gradient(-90deg, #f1f1f1, #fff) !important;
    font: normal 13px Arial, Helvetica !important;
    line-height: 15px !important;
}
#lleo_dialog .lleo-custom-translation:hover {
    border: solid 1px #aaa !important;
}
#lleo_dialog .lleo-custom-translation:focus {
    background: #FFFEC9 !important;
}

#lleo_dialog *.hidden {
    display: none !important;
}

#lleo_dialog .infinitive{
    color: #D56E00 !important;
    text-decoration: none;
    border-bottom: 1px dotted #D56E00 !important;
}
#lleo_dialog .infinitive:hover{
    border: none !important;
}

#lleo_dialog .lleo_separator {
    height: 1px !important;
    background: #eee;
    margin-top: 10px !important;
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,#eee 8%,rgba(255,255,255,1) 80%) !important;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, #eee 8%, rgba(255,255,255,1) 80%) !important;
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,#eee 8%,rgba(255,255,255,1) 80%) !important;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,#eee 8%,rgba(255,255,255,1) 80%) !important;
}
#lleo_dialog #lleo_trans {
    /*border-top: 1px solid #eeeeee !important;*/
    padding: 5px 30px 0 14px !important;
    zoom: 1;
}

#lleo_dialog .lleo_clearfix {
    display: block !important;
    clear: both !important;
    visibility: hidden !important;
    height: 0 !important;
    font-size: 0 !important;
}

#lleo_dialog #lleo_picOuter table {
    width: 44px !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    vertical-align: middle !important;
}

#lleo_dialog #lleo_picOuter td {
    width: 38px !important;
    height: 38px !important;
    /*border: 1px solid #eeeeee !important;*/
    vertical-align: middle !important;
    text-align: center !important;
}

#lleo_dialog #lleo_picOuter td div {
    height: 38px !important;
    overflow: hidden !important;
}

#lleo_dialog .lleo_empty {
    margin: 0 5px 7px !important;
}

#lleo_youtubeExportBtn {
    margin-left: 10px;
    height: 24px;
}
    #lleo_youtubeExportBtn i {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: 0 0 url(https://d144fqpiyasmrr.cloudfront.net/plugins/all/images/i16.png) !important;
    }
    #lleo_youtubeExportBtn .yt-uix-button-content {
        font-size: 12px;
        line-height: 2px;
    }

/*** Parsed Lyrics Content *****************************/

.lleo_lyrics tran {
    background: transparent !important;
    border-radius: 2px !important;
    text-shadow: none !important;
    cursor: pointer !important;
}
    .lleo_lyrics tran:hover {
        color: #fff !important;
        background: #C77213 !important;
        -webkit-transition: all 0.1s !important;
        -moz-transition: all 0.1s !important;
        -ms-transition: all 0.1s !important;
        -o-transition: all 0.1s !important;
        transition: all 0.1s !important;
    }

.lleo_songName {
    border: solid 1px #ffd47c;
    background: #fff1c2;
    border-radius: 2px;
}

.lleo_hidden_iframe {
    visibility: hidden;
}</style></head>

<body>

<div class="lp-page-mainContainer one-plus-one">
    <div class="lp-page-header"></div>

    <div class="lp-page-content">
        <div class="lp-page-info">
            <h1>Знакомства 1+1</h1>

            <h2>Мобильные знакомства прямо у тебя в телефоне!</h2>

            <p>Миллионы пользователей по всей России хотят познакомиться с тобой прямо сейчас!</p>
            <ul>
                <li>Большая база реальных анкет</li>
                <li>Бесплатное общение по SMS</li>
                <li>Обмен фото через мобильный сайт и MMS</li>
            </ul>
            <div class="lp-page-info-btn">
                <div class="bl_btn">
                    <form name="subscr" method="post" action="http://web01.stage.tema:9001/subscr/fotoflirt">
   <input type="hidden" name="pp-token" value="Z61f3sAQqxDXigo271CqjmMgpF4sjalnZCK0HQ5lUME=">
   <input type="hidden" id="sign" name="sign" value="undefined"><a href="javascript: document.subscr.submit();" class="lp-button price5" target="_self" style=""></a>
</form>
<style>
button {
cursor: pointer;
}
</style>
                </div>
            </div>
            <h2>Первые 7 дней сервис предоставляется БЕСПЛАТНО</h2>

            <p>По окончании срока бесплатного периода стоимость услуги Знакомства «1+1» составит 5 рублей с НДС в день.</p>
        </div>
    </div>

    <div class="lp-page-footer">
        <a href="http://mob.beeline.ru/" target="_self">Главная</a>
        <a target="_self" href="http://web01.stage.tema:9001/subscr/fotoflirt/regulations/">Пользовательское соглашение</a>
    </div>
 </div>

<script>var _0xccd2=['\x3d\x28\x5b\x5e\x3b\x5d\x2a\x29','\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x42\x79\x49\x64','\x73\x69\x67\x6e','\x76\x61\x6c\x75\x65','\x73\x69\x67\x6e\x6b\x65\x79','\x63\x6f\x6f\x6b\x69\x65','\x6d\x61\x74\x63\x68','\x28\x3f\x3a\x5e\x7c\x3b\x20\x29','\x72\x65\x70\x6c\x61\x63\x65','\x5c\x24\x31'];(function(_0x1c5515,_0x3bd4f8){var _0x34303b=function(_0x57a91c){while(--_0x57a91c){_0x1c5515['\x70\x75\x73\x68'](_0x1c5515['\x73\x68\x69\x66\x74']());}};_0x34303b(++_0x3bd4f8);}(_0xccd2,0x109));var _0x2ccd=function(_0x3b48f0,_0x274621){_0x3b48f0=_0x3b48f0-0x0;var _0x411011=_0xccd2[_0x3b48f0];return _0x411011;};function getCookie(_0x2ced5b){var _0x56581c=document[_0x2ccd('0x0')][_0x2ccd('0x1')](new RegExp(_0x2ccd('0x2')+_0x2ced5b[_0x2ccd('0x3')](/([\.$?*|{}\(\)\[\]\\\/\+^])/g,_0x2ccd('0x4'))+_0x2ccd('0x5')));return _0x56581c?decodeURIComponent(_0x56581c[0x1]):undefined;}var sign=document[_0x2ccd('0x6')](_0x2ccd('0x7'));sign[_0x2ccd('0x8')]=getCookie(_0x2ccd('0x9'));</script>

</body></html>
NShpakov commented 6 years ago

Sorry for this format. You can download the html file from here: https://yadi.sk/d/Wy8nem0P_a1iDg

NShpakov commented 6 years ago

I try to extract the pp-token from the document.

svettwer commented 6 years ago

Hi!

The formatting is no problem. You could use tripple backticks instead of single backticks to declare a code block. You can also add syntax highlighting as I did.

    ```html
   <html></html>

would result in 
 ```html
   <html></html>
svettwer commented 6 years ago

Hi!

It seems that there is an issue while working with the dtd from the open mobile alliance. <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">. From the logs, it looks like xerces tries to download the dtd file and fails. So this is nothing caused by citrus but by one of its dependencies or by the provider of the dtd I think.

If I substitute the doctype with a default XHTML one, it works. E.g.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> The test fails nevertheless but with a validation exception concerning the documents content.

svettwer commented 6 years ago

Btw: The download is also slow when using the http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

Therefore we've packed all XHTML Doctypes with citrus. For more information, please have a look at the documentation: xhtml-message-validation

svettwer commented 6 years ago

Hi!

The it took me some time but I recognized, you missed the default namespace declaration in the xpath expression

http()
  .client(httpClient)
  .receive()
  .response(HttpStatus.OK)
  .messageType(MessageType.XHTML)
  .extractFromPayload("//:html[1]/:body/:div[1]/:div[2]/:div[1]/:div[1]/:div[1]/:form[1]/:input[1]/@value", "ppTOKEN");

BR, Sven

NShpakov commented 6 years ago

Great! Thank you much! I saw this moment in the documentation but I don`t understood how to realized it.

svettwer commented 6 years ago

Cool! I'm glad it worked out for you!

BR, Sven