OOP & Composition for Conduit test project

Table of contents

• Description
• Preparation
• Main Task
• Task Reporting

Description

In this task, you will get more practice creating reusable components and using OOP. You will create components for the Conduit ExternalHomePage:

and for the InternalHomePage:

Also for the ExternalViewArticlePage:

and the InternalViewArticlePage:

Preparation

1. Open the forked repo in VSCode.

2. Create a new branch by running git checkout -b task_solution.

3. Run the installation commands:

   • npm ci
   • npx playwright install

Main Task

1. Write new tests for the Conduit site:

• Logged-in user can view own article in the Global Feed section;
• Logged-in user can find own article by Tag from the Popular tags section and view in the Tag' Feed;
• Not logged in user can view the article created by other user in the Global Feed section;
• Not logged in user can open the article page created by other user from the Global Feed section;

2. To write these tests work with the components and base pages:

• 2.1

• create component PopularTags;
• initialize component PopularTags in the BaseHomePage class;

• 2.2

• create component ArticleListItem;
• initialize the ArticleFeedItem in the Popular Feeds class;
• initialize the ArticleFeedItem in the Global Feeds class;

• 2.3

• create component TagFeed;
• initialize TagFeed in the ExternalHomePage;
• initialize TagFeed in the InternalHomePage;

• 2.4

• create page BaseViewArticlePage;
• extend ExternalViewArticlePage and InternalViewArticlePage pages from the BaseViewArticlePage;

• 2.5

• create the BaseArticleContentBlock component;
• extend the ArticleContentBlock and AuthorsArticleContentBlock from the BaseArticleBody component
• initialize ArticleContentBlock component within the BaseViewArticlePage constructor;
• initialize AuthorArticleContentBlock component within the InternalViewArticlePage constructor;

3. Run all the tests and make sure they are passing.

Task Reporting

1. Add and commit all your updates.
2. Push the code to the origin.
3. Create a PR for your changes.
4. Keep implementing suggestions from code review until your PR is approved.