Merge pull request #38 from LarsHassler/feat/click-action

feat(main): added click action

docs/Actions.md

@@ -6,6 +6,7 @@ into separate test suites.
 ## Available Actions
 - [hover](#hover)
 - [focus](#focus)
+- [click](#click)
 - [sendKeys](#sendKeys)
 
 ## Options for all patterns
@@ -65,6 +66,10 @@ See #22 for more details.
 
 A particular element within a pattern will be tested while it is focused.
 
+## click
+
+A particular element within a pattern will be clicked and then tested.
+
 ## sendKeys
 
 Sends keyboard events an element before it beeing tested.

src/main.js

@@ -427,6 +427,9 @@ PatternlabToNode.prototype.parseAction = function(pattern) {
       else if (action.action === 'focus') {
         action.steps = '.focus(this.element)';
       }
+      else if (action.action === 'click') {
+        action.steps = '.click(this.element)';
+      }
       else if (action.action === 'sendKeys') {
         if (!action.keys) {
           throw new Error(

test/main.js

@@ -278,6 +278,10 @@ describe('main - ', () => {
         shouldAddCorrectStepsForFocus
       );
 
+      it('should add correct steps for click',
+        shouldAddCorrectStepsForClick
+      );
+
       it("should add correct steps for delay",
         shouldAddCorrectStepsForDelay
       );
@@ -1776,6 +1780,30 @@ describe('main - ', () => {
   }
 
 
+  function shouldAddCorrectStepsForClick(done) {
+    setUpFsMock({
+      "config.json": path.resolve(__dirname, 'patternlab-to-geminiConfigs/actionClicked.json'),
+      'dummyhtml/patterns.html': __dirname + '/dummyhtml/patterns.html'
+    });
+    var instanceToTest = new patternlabToNode(
+        'config.json'
+    );
+    setUpPatternlabResponse(
+        'http://localhost:3000',
+        'dummyhtml/patterns.html'
+    );
+    instanceToTest.getPatternsConfiguration()
+      .then((patternConfig) => {
+        asserts.assertEquals(
+          'wrong steps for action',
+          '.click(this.element)',
+          patternConfig.patterns['pattern-1'].actions[0].steps
+        );
+      })
+      .then(done, done);
+  }
+
+
   function shouldAddCorrectStepsForDelay(done) {
     setUpFsMock({
       "config.json": path.resolve(__dirname, 'patternlab-to-geminiConfigs/actionFocusWithDelay.json'),

test/patternlab-to-geminiConfigs/actionClicked.json

@@ -0,0 +1,18 @@
+{
+  "screenSizes": {
+    "desktop": {
+      "width": 1440,
+      "height": 900
+    }
+  },
+  "patterns": {
+    "pattern-1": {
+      "actions": [
+        {
+          "action": "click",
+          "name": "action 1"
+        }
+      ]
+    }
+  }
+}