Screenshots captured in step and after step appear together

[sswaroopgupta]

Expected behavior
Screenshot after the step should appear below the step screenshot

Actual behavior

Steps to replicate

• Create gauge-java project
  gauge init java
• Add screenshot in after step hook

    @AfterStep
    public void AfterStep() {
        Gauge.writeMessage("Custom message for report");
        Gauge.captureScreenshot();
    }

• Add screenshot in step

    @Step("Vowels in English language are <vowelString>.")
    public void setLanguageVowels(String vowelString) {
        vowels = new HashSet<>();
        for (char ch : vowelString.toCharArray()) {
            vowels.add(ch);
        }
        Gauge.captureScreenshot();
    }

• Run the specs

Open the html-report the screenshots appear next to each other

Version

Gauge version: 1.0.1.nightly-2018-08-01
Commit Hash: 6aa1ce2

Plugins
-------
html-report (4.0.6.nightly-2018-07-30)
java (0.6.9.nightly-2018-08-02)

[shubhamsc]

One more issue similar to this

• showing duplicate screenshot on step failure

[shubhamsc]

After changes, everything would be in a separate block

[gaugebot]

The fix should be available in nightly >= 16-7-2018