# Page object pattern for javascript components testing

DevFeed: [Page object pattern for javascript components testing](<https://devfeed.tech/articles/page-object-pattern-for-javascript-components-testing-27266.md>)

Original publisher: [Read original article](<https://blog.pchudzik.com/201702/page-object-for-components-testing/>)

Published: 2017-02-23T00:00:00Z

Content type: tutorial

Language: en

Sources: [Paweł Chudzik](<https://devfeed.tech/sources/pawe-chudzik.md>)

Topics: [Testing](<https://devfeed.tech/topics/testing.md>), [Selenium](<https://devfeed.tech/topics/selenium.md>), [Angular](<https://devfeed.tech/topics/angular.md>), [React](<https://devfeed.tech/topics/react.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [automated](<https://devfeed.tech/tags/automated.md>), [implementation](<https://devfeed.tech/tags/implementation.md>), [page-object](<https://devfeed.tech/tags/page-object.md>), [react](<https://devfeed.tech/tags/react.md>), [refactor](<https://devfeed.tech/tags/refactor.md>), [selenium](<https://devfeed.tech/tags/selenium.md>), [tdd](<https://devfeed.tech/tags/tdd.md>), [testing](<https://devfeed.tech/tags/testing.md>), [writing](<https://devfeed.tech/tags/writing.md>)

## AI overview

This tutorial explains how to apply the page object pattern to automated testing of JavaScript components, including Angular directives and React components. It shows how to encapsulate actions, verifications, and implementation details to make tests easier to read, maintain, and refactor.

## Source excerpt

Page object pattern is common practice when writing automated tests using selenium. It allows to gather all possible operations on the page in one place and hide page implementation details from test case. Page object pattern can be used in the same way for angular directives, react and [put framework name here] components. Read more