内容的栏目 * @param int $category 0列表 1频道 2单页 3外链 * @return array */ function category_list($forumlist, $model = 0, $display = 0, $category = 0) { if (empty($forumlist)) return NULL; static $cache = array(); $key = $model . '-' . $display . '-' . $category; if (isset($cache[$key])) return $cache[$key]; if ($display) { foreach ($forumlist as $k => $val) { if (1 == $val['display'] && 1 == $val['type'] && $val['category'] == $category) { $cache[$key][$k] = $val; } } } else { foreach ($forumlist as $k => $val) { if (1 == $val['type'] && $val['category'] == $category) { $cache[$key][$k] = $val; } } } return empty($cache[$key]) ? NULL : $cache[$key]; } /** * @param $forumlist 所有版块列表 不分模型 * @param int $display 0全部CMS栏目 1在首页和频道显示内容的栏目 * @param int $category 0列表 1频道 2单页 3外链 * @return array */ function category_list_show($forumlist, $display = 0, $category = 0) { if (empty($forumlist)) return NULL; static $cache = array(); $key = $display . '-' . $category; if (isset($cache[$key])) return $cache[$key]; if ($display) { foreach ($forumlist as $k => $val) { if (1 == $val['display'] && 1 == $val['type'] && $val['category'] == $category) { $cache[$key][$k] = $val; } } } else { foreach ($forumlist as $k => $val) { if (1 == $val['type'] && $val['category'] == $category) { $cache[$key][$k] = $val; } } } return empty($cache[$key]) ? NULL : $cache[$key]; } /** * @param $forumlist 所有版块列表 * @return mixed BBS栏目数据(仅列表) 尚未开放bbs频道功能 */ function forum_list($forumlist) { if (empty($forumlist)) return array(); static $cache = array(); if (isset($cache['bbs_forum_list'])) return $cache['bbs_forum_list']; $cache['bbs_forum_list'] = array(); foreach ($forumlist as $_fid => $_forum) { if ($_forum['type']) continue; $cache['bbs_forum_list'][$_fid] = $_forum; } return $cache['bbs_forum_list']; } // 导航显示的版块 function nav_list($forumlist) { if (empty($forumlist)) return NULL; static $cache = array(); if (isset($cache['nav_list'])) return $cache['nav_list']; foreach ($forumlist as $fid => $forum) { if (0 == $forum['nav_display']) { unset($forumlist[$fid]); } } return $cache['nav_list'] = $forumlist; } ?>javascript - Test hover state changes with protractor - Stack Overflow

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

    最新消息：雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客
    你的位置： 首页>programmer>javascript - Test hover state changes with protractor - Stack Overflow

    javascript - Test hover state changes with protractor - Stack Overflow

    programmeradmin0浏览0评论

    No matter what I do I can’t get the hover state functional with protractor tests. The following code is semi functional ..

    • Works well in Firefox
    • Only works when I scroll the area into view with Chrome.
    • Fails in Phantom JS
    obj
  .getCssValue('color')
  .then(function (color1) {
    browser
      .actions()
      .mouseMove(obj)
      .perform()
      .then(function () {
        obj
          .getCssValue('color')
          .then(function (color2) {
            expect(color1)
              .not
              .toEqual(color2);
          });
      });

    No matter what I do I can’t get the hover state functional with protractor tests. The following code is semi functional ..

    • Works well in Firefox
    • Only works when I scroll the area into view with Chrome.
    • Fails in Phantom JS
    obj
  .getCssValue('color')
  .then(function (color1) {
    browser
      .actions()
      .mouseMove(obj)
      .perform()
      .then(function () {
        obj
          .getCssValue('color')
          .then(function (color2) {
            expect(color1)
              .not
              .toEqual(color2);
          });
      });
    • javascript
    • selenium
    • selenium-webdriver
    • protractor
    • end-to-end
    Share Improve this question edited Jun 12, 2015 at 15:15 alecxe 474k127 gold badges1.1k silver badges1.2k bronze badges asked Jun 6, 2015 at 0:03 Kirk StrobeckKirk Strobeck 18.7k21 gold badges82 silver badges122 bronze badges
    Add a ment  | 

    2 Answers 2

    Reset to default 5 +150

    We've encountered something similar recently.

    What helped us was to wait for an element to have a specific CSS value using browser.wait():

    function waitForCssValue (elementFinder, cssProperty, cssValue) {
    return function () {
        return elementFinder.getCssValue(cssProperty).then(function (actualValue) {
            return actualValue === cssValue;
        });
    };
};

    Usage:

    browser.wait(waitForCssValue(obj, 'color', color2), 5000);

    Here, we are basically waiting up to 5 seconds for a CSS color value to be equal to color2. Apply the wait call right after you hover the element.

    Also, I remember having that scrolling into view helped to resolve similar issues on SO:

    browser.executeScript("arguments[0].scrollIntoView();", obj);

    Maximizing browser window can also help, we usually do it in onPrepare():

    onPrepare: function () {
    browser.driver.manage().window().maximize();
},

    Additional note about PhantomJS:

    First of all, protractor developers remend against running protrator end-to-end tests with PhantomJS:

    Note: We remend against using PhantomJS for tests with Protractor. There are many reported issues with PhantomJS crashing and behaving differently from real browsers.

    Aside from that, see:

    • Using Protractor with PhantomJS

    Here I'm trying to get to the point, that you should sacrifice the "Fails in Phantom JS" argument.

    Solution 1 :

    Just use a simple hover function for your object 

    <!DOCTYPE html>
<html>
<body>

<p onmouseover="colorin(this)" onmouseout="colorout(this)">
Testing colorin and colorout function for mouse hover
</p>


<script>
function colorout(x) {
    x.style.color = "#000000";
}

function colorin(x) {
    x.style.color = "#7FAF00";
}
</script>

</body>
</html>

    Possible Solution 2 :

    Try this version with waitForAngular(); you may need to wait for angular :

    obj
  .getCssValue('color')
  .then(function (color1) {
    browser.waitForAngular();
    browser
      .actions()
      .mouseMove(obj)
      .perform()
      .then(function () {
        obj
          .getCssValue('color')
          .then(function (color2) {
            expect(color1)
              .not
              .toEqual(color2);
          });
      });

    Possible Solution 3 :

    Replace .mouseMove(obj) with .mouseMove(browser.findElement(protractor.B.id('foo'))) and adapt it to your code

    与本文相关的文章

    发布评论

    评论列表(0)

    1. 暂无评论