Как проверить цвет фонового изображения «Верхний колонтитул» (веб-элемент)?

Question

Я просто пытаюсь проверить цвет для фонового изображения «верхний колонтитул».

Вид консоли для значка «верхний колонтитул»: «

Под стилями:

footer .footer-top {
    background: #1571c9;
    float: left;
    margin-top: 55px;
    padding: 25px 0;
    width: 100%;

Под элементами:

<div class="footer-top">
<div class="sw-layout">
<div class="footer-section">
<h5>More Information</h5>
<ul>
<li><a href="/about-us">About Us</a></li>
<li><a href="/contact-us">Contact Us</a></li>
<li><a href="/faq">FAQ</a></li>
</ul>
</div>
<div class="footer-section hide-for-xs">
<h5>Finance Cards</h5>
<ul>
<div>
<li><a href="/finance-cards/cash-back-cards">Cash Back Finance Cards</a></li></div>
<li><a href="/finance-cards/points-rewards-cards">Points / Rewards Credit Cards</a></li>
<li><a href="/finance-cards/travel-air-miles-cards">Travel / Air Miles Credit Cards</a></li>
<li><a href="/finance-cards/islamic-cards">Islamic Cards</a></li>
<li><a href="/finance-cards/business-cards">Business Credit Cards</a></li>
</li>
</ul>
</div><div class="footer-section hide-for-xs">
<h5>Personal Loans</h5>
<ul>
<li><a href="salary-transfer-loans">Salary Transfer Loans</a></li>
<li><a href="loans-without-salary-transfer">Loans Without Salary Transfer</a>
</li>
</ul>

Я использую следующие строки кода:

  String FooterTopSectionColour =    
  driver.findElement(By.className("footer-top")).getCssValue("background");         
   try {    
         Assert.assertEquals("#1571c9", FooterTopSectionColour);
         System.out.println("Colour matches with : "+ 
         FooterTopSectionColour);
       } 
   catch (Error e) 
       {e.printStackTrace();

        }

В DOM цвет задается в шестнадцатеричном значении, но Selenium возвращается в терминах rgb.Вы можете проверить ниже ошибка в консоли для того же :

java.lang.AssertionError: expected [rgb(21, 113, 201) none repeat scroll 0% 0% / auto padding-box border-box] but found [#1571c9]
    at org.testng.Assert.fail(Assert.java:94)
    at org.testng.Assert.failNotEquals(Assert.java:513)
    at org.testng.Assert.assertEqualsImpl(Assert.java:135)
    at org.testng.Assert.assertEquals(Assert.java:116)
    at org.testng.Assert.assertEquals(Assert.java:190)
    at org.testng.Assert.assertEquals(Assert.java:200)
    at tests.homepage.HomePageStepDefinitions.vefify_colour_for_footer_top_section(HomePageStepDefinitions.java:378)
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
    at java.lang.reflect.Method.invoke(Method.java:498)
    at cucumber.runtime.Utils$1.call(Utils.java:40)
    at cucumber.runtime.Timeout.timeout(Timeout.java:16)
    at cucumber.runtime.Utils.invoke(Utils.java:34)
    at cucumber.runtime.java.JavaStepDefinition.execute(JavaStepDefinition.java:38)
    at cucumber.runtime.StepDefinitionMatch.runStep(StepDefinitionMatch.java:37)
    at cucumber.runtime.Runtime.runStep(Runtime.java:300)
    at cucumber.runtime.model.StepContainer.runStep(StepContainer.java:44)
    at cucumber.runtime.model.StepContainer.runSteps(StepContainer.java:39)
    at cucumber.runtime.model.CucumberScenario.run(CucumberScenario.java:44)
    at cucumber.runtime.model.CucumberFeature.run(CucumberFeature.java:165)
    at cucumber.api.testng.TestNGCucumberRunner.runCucumber(TestNGCucumberRunner.java:63)
    at cucumber.api.testng.AbstractTestNGCucumberTests.feature(AbstractTestNGCucumberTests.java:21)
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
    at java.lang.reflect.Method.invoke(Method.java:498)
    at org.testng.internal.MethodInvocationHelper.invokeMethod(MethodInvocationHelper.java:86)
    at org.testng.internal.Invoker.invokeMethod(Invoker.java:643)
    at org.testng.internal.Invoker.invokeTestMethod(Invoker.java:820)
    at org.testng.internal.Invoker.invokeTestMethods(Invoker.java:1128)
    at org.testng.internal.TestMethodWorker.invokeTestMethods(TestMethodWorker.java:129)
    at org.testng.internal.TestMethodWorker.run(TestMethodWorker.java:112)
    at org.testng.TestRunner.privateRun(TestRunner.java:782)
    at org.testng.TestRunner.run(TestRunner.java:632)
    at org.testng.SuiteRunner.runTest(SuiteRunner.java:366)
    at org.testng.SuiteRunner.runSequentially(SuiteRunner.java:361)
    at org.testng.SuiteRunner.privateRun(SuiteRunner.java:319)
    at org.testng.SuiteRunner.run(SuiteRunner.java:268)
    at org.testng.SuiteRunnerWorker.runSuite(SuiteRunnerWorker.java:52)
    at org.testng.SuiteRunnerWorker.run(SuiteRunnerWorker.java:86)
    at org.testng.TestNG.runSuitesSequentially(TestNG.java:1244)
    at org.testng.TestNG.runSuitesLocally(TestNG.java:1169)
    at org.testng.TestNG.run(TestNG.java:1064)
    at org.testng.remote.AbstractRemoteTestNG.run(AbstractRemoteTestNG.java:114)
    at org.testng.remote.RemoteTestNG.initAndRun(RemoteTestNG.java:251)
    at org.testng.remote.RemoteTestNG.main(RemoteTestNG.java:77)

Итак, как я могу ее отладить?Пожалуйста, проверьте правильность кода, который я использовал, или нет!А также дайте мне знать, как преобразовать гекс в RGB и сравнить его с помощью селена?Спасибо!

Answer 1

Выше ans работает нормально при преобразовании значения из rgb в гекса, но утверждение assert не выполнено.

Цвет footerTopSectionColour равен : rgb (21, 113, 201) нет, повторная прокрутка 0%0% / auto padding-box border-box

Шестнадцатеричное преобразование равно : # 1571c9

Assert.assertEquals (hex, footerTopSectionColour);

Выше строки кода выдает ошибку, поскольку он сравнивает 2 разных значения.Поэтому вместо этого используйте приведенный ниже оператор assert, чтобы проверить его, и он работает нормально.

Assert.assertEquals ("# 1571c9", hex);

Answer 2

Поскольку ваш DOM-цвет и CSS-цвета различны, вам нужно преобразовать один формат в другой, а затем сравнить или подтвердить его.

В приведенном ниже коде я добавил шаги, которыепреобразует значения RGB в десятичную систему Hexa, а затем утверждает условие.И я предполагаю, что, если вы печатаете значение 'footerTopSelectionColour', тогда оно печатается в следующем формате:

rgb (21, 113, 201)-box

Найдите измененные строки вашего кода ниже:

String footerTopSectionColour = driver.findElement(By.className("footer-top")).getCssValue("background");
try {
    // I'm assuming that the value of 'footerTopSelectionColour' value will be like below
    // rgb(21, 113, 201) none repeat scroll 0% 0% / auto padding-box border-box

    // So first we need to convert colour code from rgb to hexa decimal
    String value = footerTopSectionColour.trim();
    String[] rgbs = value.split("\\)")[0].split("\\(")[1].split(", ");
    long r = Long.parseLong(rgbs[0]);
    long g = Long.parseLong(rgbs[1]);
    long b = Long.parseLong(rgbs[2]);
    String hex = String.format("#%02x%02x%02x", r, g, b);
    System.out.println("=> The hex conversion is : "+hex);

    // After converting you can assert like below
    Assert.assertEquals("#1571c9", hex);
    System.out.println("Colour matches with : "+ footerTopSectionColour);
} catch (Exception e) {
        e.printStackTrace();
}

Надеюсь, этот ответ поможет ...