Skip to content
Snippets Groups Projects
Commit 833270db authored by Alaa Jwiehan's avatar Alaa Jwiehan Committed by Rajab Natshah
Browse files

Issue #3253354 by Alaa Jwiehan, RajabNatshah: Add new step definitions to... 

Issue #3253354 by Alaa Jwiehan, RajabNatshah: Add new step definitions to Varbase Context to help automate the testing for Varbase Layout Builder
parent a22a3bbe
No related branches found
No related tags found
3 merge requests!24Issue #3301451: Composer is fixed to docroot folder Primary tabs View(active tab),!10Issue #3269421: Add exception messages for VLB automated testing step definitions,!9Issue #3266504: Update Automated Functional Testing Readme File
Hide whitespace changes
Inline Side-by-side
tests/features/bootstrap/VarbaseContext.php
+ 195
− 222
View file @ 833270db
...@@ -671,240 +671,213 @@ class VarbaseContext extends RawDrupalContext implements SnippetAcceptingContext ...@@ -671,240 +671,213 @@ class VarbaseContext extends RawDrupalContext implements SnippetAcceptingContext
* ========================================================= * =========================================================
*/ */
/** /**
* Select a section container type * Select a section container type
* *
* Varbase Context #varbase * Varbase Context #varbase
* *
* Example #1: When I select the "Edge to Edge" container type * Example #1: When I select the "Edge to Edge" container type
* Example #2: And I select the "Boxed" container type * Example #2: And I select the "Boxed" container type
* *
* @Then I select the :arg1 container type * @Then I select the :arg1 container type
*/ */
public function iSelectTheContainerType($name) public function iSelectTheContainerType($name) {
{ $element = $this->getSession()->getPage()->find('xpath', "//label[contains(.,'$name') and contains(@for, 'edit-layout-settings-ui-tab-content-layout-container-type')]");
$element = $this->getSession()->getPage()->find('xpath', "//label[contains(.,'$name') and contains(@for, 'edit-layout-settings-ui-tab-content-layout-container-type')]"); $element->click();
$element->click(); }
}
/** /**
* Select a section container width * Select a section container width
* *
* Varbase Context #varbase * Varbase Context #varbase
* *
* Example #1: When I select the "Tiny" container width * Example #1: When I select the "Tiny" container width
* Example #2: And I select the "Narrow" container width * Example #2: And I select the "Narrow" container width
* *
* @Then I select the :arg1 container width * @Then I select the :arg1 container width
*/ */
public function iSelectTheContainerWidth($width) public function iSelectTheContainerWidth($width) {
{ $element = $this->getSession()->getPage()->find('xpath', "//label[contains(.,'$width') and contains(@for, 'edit-layout-settings-ui-tab-content-layout-container-width')]");
$element = $this->getSession()->getPage()->find('xpath', "//label[contains(.,'$width') and contains(@for, 'edit-layout-settings-ui-tab-content-layout-container-width')]"); $element->click();
$element->click(); }
}
/**
* Select a section breakpoint
*
* Varbase Context #varbase
*
* Example #1: Then I select the "md" "33% 67%" breakpoint
* Example #2: Then I select the "xs" "75% 25%" breakpoint
*
*
* @Then I select the :arg1 :arg2 breakpoint
*/
public function iSelectTheBreakpoint($size, $point) {
$element = $this->getSession()->getPage()->find('xpath', "//*[contains(@class,'$size') and contains(.,'$point')]");
$element->click();
}
/** /**
* Select a section breakpoint * Select with gutters option for section
* *
* Varbase Context #varbase * Varbase Context #varbase
* *
* Example #1: Then I select the "md" "33% 67%" breakpoint * Example: And I add gutters
* Example #2: Then I select the "xs" "75% 25%" breakpoint *
* * @Then I add gutters
* */
* @Then I select the :arg1 :arg2 breakpoint public function iAddGutters() {
*/ $with_gutters = $this->getSession()->getPage()->find('xpath', "//label[contains(., 'With Gutters')]");
public function iSelectTheBreakpoint($size, $point) $with_gutters->click();
{ }
$element = $this->getSession()->getPage()->find('xpath', "//*[contains(@class,'$size') and contains(.,'$point')]"); /**
$element->click(); * Remove gutters between columns
} *
* Varbase Context #varbase
*
* Example: And I remove gutters between columns
*
* @Then I remove gutters between columns
*/
public function iRemoveGuttersBetweenColumns() {
$no_gutters = $this->getSession()->getPage()->find('xpath', "//*[contains(@class, 'vlb_gutters_between')]");
$no_gutters->click();
}
/**
* Move to the styles tab
*
* Varbase Context #varbase
*
* Example: When I move to the styles tab
*
* @Then I move to the styles tab
*/
public function iMoveToTheStylesTab() {
$styles_tab = $this->getSession()->getPage()->find('xpath', "//a[contains(@data-target, 'appearance')]");
$styles_tab->click();
}
/**
* Open a specific setting menu under styles tab in section configuration
*
* Varbase Context #varbase
*
* Example #1: And I open the "Background" settings menu
* Example #2: When I open the "Border" settings menu
*
* @Then I open the :arg1 settings menu
*/
public function iOpenTheSettingsMenu($menu) {
$menu = $this->getSession()->getPage()->find('xpath', "//span[contains(., '$menu') and contains(@class, 'bs-group-title')]");
$menu->click();
}
/**
* Select a background color
*
* Varbase Context #varbase
*
* Example #1: Then I select the "Primary" background color
* Example #2: And I select the "Light" background color
*
* @Then I select the :arg1 background color
*/
public function iSelectTheBackgroundColor($bg_color) {
$bg_color = $this->getSession()->getPage()->find('xpath', "//label[contains(., '$bg_color') and contains(@for, 'edit-layout-settings-ui-tab-content-appearance-background-background-color')]");
$bg_color->click();
}
/**
* Uncheck the Edge to Edge Background option
*
* Varbase Contaxt #varbase
*
* Example: And I uncheck the Edge to Edge Background
*
* @Then I uncheck the Edge to Edge Background
*/
public function iUncheckTheEdgeToEdgeBackground() {
$e2e = $this->getSession()->getPage()->find('xpath', "//input[contains(@class, 'field-background-edge-to-edge')]");
$e2e->click();
}
/** /**
* Select with gutters option for section * Select a text color
* *
* Varbase Context #varbase * Varbase Context #varbase
* *
* Example: And I add gutters * Example #1: Then I select the "Dark" text color
* * Example #2: And I select the "White" text color
* @Then I add gutters *
*/ * @Then I select the :arg1 text color
public function iAddGutters() */
{ public function iSelectTheTextColor($color) {
$with_gutters = $this->getSession()->getPage()->find('xpath', "//label[contains(., 'With Gutters')]"); $text_color = $this->getSession()->getPage()->find('xpath', "//label[contains(., '$color') and contains(@for, 'edit-layout-settings-ui-tab-content-appearance-typography-text-color-text')]");
$with_gutters->click(); $text_color->click();
} }
/**
* Set alignment of text
*
* Varbase Context #varbase
*
* Example #1: Then I set the alignment to "End"
* Example #2: And I set the alignment to "Start"
*
* @Then I set the alignment to :arg1
*/
public function iSetTheAlignmentTo($align) {
$alignment = $this->getSession()->getPage()->find('xpath', "//label[contains(., '$align') and contains(@for, 'edit-layout-settings-ui-tab-content-appearance-typography-text-alignment')]");
$alignment->click();
}
/** /**
* Remove gutters between columns * Set horizontal alignment for blocks
* *
* Varbase Context #varbase * Varbase Context #varbase
* *
* Example: And I remove gutters between columns * Example #1: Then I set the Horizontal alignment to "Align center"
* * Example #2: And I set the horizontal alignment to "Align start"
* @Then I remove gutters between columns *
*/ * @Then I set the Horizontal alignment to :arg1
public function iRemoveGuttersBetweenColumns() */
{ public function iSetTheHorizontalAlignmentTo($h_align) {
$no_gutters = $this->getSession()->getPage()->find('xpath', "//*[contains(@class, 'vlb_gutters_between')]"); $horizontal_alignment = $this->getSession()->getPage()->find('xpath', "//label[contains(., '$h_align') and contains(@for, 'edit-layout-settings-ui-tab-content-appearance-alignment-horizontal-alignment-justify-content')]");
$no_gutters->click(); $horizontal_alignment->click();
} }
/** /**
* Move to the styles tab * Set vertical alignment for blocks
* *
* Varbase Context #varbase * Varbase Context #varbase
* *
* Example: When I move to the styles tab * Example #1: Then I set the Vertical alignment to "Align bottom"
* * Example #2: And I set the Vertical alignment to "Align middle"
* @Then I move to the styles tab *
*/ * @Then I set the Vertical alignment to :arg1
public function iMoveToTheStylesTab() */
{ public function iSetTheVerticalAlignmentTo($v_align) {
$styles_tab = $this->getSession()->getPage()->find('xpath', "//a[contains(@data-target, 'appearance')]"); $vertical_alignment = $this->getSession()->getPage()->find('xpath', "//label[contains(., '$v_align') and contains(@for, 'edit-layout-settings-ui-tab-content-appearance-alignment-vertical-alignment-align-items')]");
$styles_tab->click(); $vertical_alignment->click();
} }
/**
/** * Select an animation for a section
* Open a specific setting menu under styles tab in section configuration *
* * Varbase Context #varbase
* Varbase Context #varbase *
* * Example #1: Then I select the "Flip Right" animation
* Example #1: And I open the "Background" settings menu * Example #2: When I select the "Zoom Out" animation
* Example #2: When I open the "Border" settings menu *
* * @Then I select the :arg1 animation
* @Then I open the :arg1 settings menu */
*/ public function iSelectTheAnimation($anime) {
public function iOpenTheSettingsMenu($menu) $animation = $this->getSession()->getPage()->find('xpath', "//label[contains(., '$anime') and contains(@for, 'edit-layout-settings-ui-tab-content-appearance-animation-scroll-effects')]");
{ $animation->click();
$menu = $this->getSession()->getPage()->find('xpath', "//span[contains(., '$menu') and contains(@class, 'bs-group-title')]"); }
$menu->click();
}
/**
* Select a background color
*
* Varbase Context #varbase
*
* Example #1: Then I select the "Primary" background color
* Example #2: And I select the "Light" background color
*
* @Then I select the :arg1 background color
*/
public function iSelectTheBackgroundColor($bg_color){
$bg_color = $this->getSession()->getPage()->find('xpath', "//label[contains(., '$bg_color') and contains(@for, 'edit-layout-settings-ui-tab-content-appearance-background-background-color')]");
$bg_color->click();
}
/**
* Uncheck the Edge to Edge Background option
*
* Varbase Contaxt #varbase
*
* Example: And I uncheck the Edge to Edge Background
*
* @Then I uncheck the Edge to Edge Background
*/
public function iUncheckTheEdgeToEdgeBackground() {
$e2e = $this->getSession()->getPage()->find('xpath', "//input[contains(@class, 'field-background-edge-to-edge')]");
$e2e->click();
}
/**
* Select a text color
*
* Varbase Context #varbase
*
* Example #1: Then I select the "Dark" text color
* Example #2: And I select the "White" text color
*
* @Then I select the :arg1 text color
*/
public function iSelectTheTextColor($color){
$text_color = $this->getSession()->getPage()->find('xpath', "//label[contains(., '$color') and contains(@for, 'edit-layout-settings-ui-tab-content-appearance-typography-text-color-text')]");
$text_color->click();
}
/**
* Set alignment of text
*
* Varbase Context #varbase
*
* Example #1: Then I set the alignment to "End"
* Example #2: And I set the alignment to "Start"
*
* @Then I set the alignment to :arg1
*/
public function iSetTheAlignmentTo($align) {
$alignment = $this->getSession()->getPage()->find('xpath', "//label[contains(., '$align') and contains(@for, 'edit-layout-settings-ui-tab-content-appearance-typography-text-alignment')]");
$alignment->click();
}
/**
* Set horizontal alignment for blocks
*
* Varbase Context #varbase
*
* Example #1: Then I set the Horizontal alignment to "Align center"
* Example #2: And I set the horizontal alignment to "Align start"
*
* @Then I set the Horizontal alignment to :arg1
*/
public function iSetTheHorizontalAlignmentTo($h_align) {
$horizontal_alignment = $this->getSession()->getPage()->find('xpath', "//label[contains(., '$h_align') and contains(@for, 'edit-layout-settings-ui-tab-content-appearance-alignment-horizontal-alignment-justify-content')]");
$horizontal_alignment->click();
}
/**
* Set vertical alignment for blocks
*
* Varbase Context #varbase
*
* Example #1: Then I set the Vertical alignment to "Align bottom"
* Example #2: And I set the Vertical alignment to "Align middle"
*
* @Then I set the Vertical alignment to :arg1
*/
public function iSetTheVerticalAlignmentTo($v_align) {
$vertical_alignment = $this->getSession()->getPage()->find('xpath', "//label[contains(., '$v_align') and contains(@for, 'edit-layout-settings-ui-tab-content-appearance-alignment-vertical-alignment-align-items')]");
$vertical_alignment->click();
}
/**
* Select an animation for a section
*
* Varbase Context #varbase
*
* Example #1: Then I select the "Flip Right" animation
* Example #2: When I select the "Zoom Out" animation
*
* @Then I select the :arg1 animation
*/
public function iSelectTheAnimation($anime) {
$animation = $this->getSession()->getPage()->find('xpath', "//label[contains(., '$anime') and contains(@for, 'edit-layout-settings-ui-tab-content-appearance-animation-scroll-effects')]");
$animation->click();
}
/** /**
* Images Functions. * Images Functions.
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment