Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Skip to main content
Springer Nature Link
Log in

Detecting Responsive Web Design Bugs with Declarative Specifications

  • Conference paper
  • First Online:
Web Engineering (ICWE 2020)

Part of the book series: Lecture Notes in Computer Science ((LNISA,volume 12128))

Included in the following conference series:

Abstract

Responsive Web Design (RWD) is a concept that is born from the need to provide users with a positive and intuitive experience, no matter what device they use. Complex Cascading Style Sheets (CSS) are used in RWD to smoothly change the appearance of a website based on the window width of the device being used. The paper presents an automated approach for testing these dynamic web applications, where a combination of dynamic crawling and back-end testing is used to automatically detect RWD bugs.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Log in via an institution

Subscribe and save

Springer+ Basic
$34.99 /Month
  • Get 10 units per month
  • Download Article/Chapter or eBook
  • 1 Unit = 1 Article or 1 Chapter
  • Cancel anytime
Subscribe now

Buy Now

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 69.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 89.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Similar content being viewed by others

Notes

  1. 1.

    http://github.com/liflab/crawljax-cornipickle-plugin.

  2. 2.

    https://github.com/liflab/cornipickle-benchmark.

References

  1. http://makandracards.com/makandra/1422-capybara-the-missing-api

  2. http://sahi.co.in

  3. http://www.websiteresponsivetest.com/

  4. http://respondr.io/

  5. http://quirktools.com/screenfly/

  6. https://www.sitepoint.com/responsive-web-design-tool/

  7. https://www.responsinator.com/

  8. http://responsivepx.com/

  9. http://www.applitools.com

  10. Choudhary, S.R., Prasad, M.R., Orso, A.: X-PERT: accurate identification of cross-browser issues in web applications. In: Proceedings of the ICSE 2013, pp. 702–711, May 2013

    Google Scholar 

  11. Enge, E.: Mobile vs desktop traffic in 2019 (2019). https://www.stonetemple.com/mobile-vs-desktop-usage-study/. Accessed 3 July 2019

  12. Hallé, S., Khoury, R., Awesso, M.: Streamlining the inclusion of computer experiments in a research paper. IEEE Comput. 51(11), 78–89 (2018)

    Article  Google Scholar 

  13. Hallé, S., Bergeron, N., Guérin, F., Beroual, O.: Declarative layout constraints for testing web applications. Log. Algebraic Methods Program. 85(5), 737–758 (2016)

    Article  MathSciNet  Google Scholar 

  14. Mahajan, S., Halfond, W.G.J.: WebSee: a tool for debugging html presentation failures. In: Proceedings of the ICST 2015, pp. 1–8. IEEE, April 2015

    Google Scholar 

  15. Marcotte, E.: Responsive Web Design, 4th edn. Eyrolles, Paris (2013)

    Google Scholar 

  16. Mesbah, A., van Deursen, A., Lenselink, S.: Crawling Ajax-based web applications through dynamic analysis of user interface state changes. ACM Trans. Web 6(1), 1–30 (2012)

    Article  Google Scholar 

  17. Pnueli, A.: The temporal logic of programs. In: Proceedings of the FOCS 1977, pp. 46–57. IEEE Computer Society (1977)

    Google Scholar 

  18. Rivoal, F.: Media queries - W3C recommendation (2012). https://www.w3.org/TR/css3-mediaqueries

  19. Walsh, T.A., Kapfhammer, G.M., McMinn, P.: Automated layout failure detection for responsive web pages without an explicit oracle. In: Proceedings of the ISSTA 2017. ACM (2017)

    Google Scholar 

  20. Walsh, T.A., McMinn, P., Kapfhammer, G.M.: Automatic detection of potential layout faults following changes to responsive web pages. In: Proceedings of the ASE 2015, pp. 709–714. ACM (2015)

    Google Scholar 

Download references

Author information

Authors and Affiliations

  1. Laboratoire d’informatique formelle, Université du Québec à Chicoutimi, Saguenay, Canada

    Oussama Beroual, Francis Guérin & Sylvain Hallé

Authors
  1. Oussama Beroual
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Francis Guérin
    View author publications

    You can also search for this author in PubMed Google Scholar

  3. Sylvain Hallé
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Sylvain Hallé .

Editor information

Editors and Affiliations

  1. Slovak University of Technology, Bratislava, Slovakia

    Maria Bielikova

  2. University of Helsinki, Helsinki, Finland

    Tommi Mikkonen

  3. University of Lugano (USI), Lugano, Switzerland

    Cesare Pautasso

Rights and permissions

Reprints and permissions

Copyright information

© 2020 Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Beroual, O., Guérin, F., Hallé, S. (2020). Detecting Responsive Web Design Bugs with Declarative Specifications. In: Bielikova, M., Mikkonen, T., Pautasso, C. (eds) Web Engineering. ICWE 2020. Lecture Notes in Computer Science(), vol 12128. Springer, Cham. https://doi.org/10.1007/978-3-030-50578-3_1

Download citation

  • DOI: https://doi.org/10.1007/978-3-030-50578-3_1

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-030-50577-6

  • Online ISBN: 978-3-030-50578-3

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics

Search

Navigation