nirbarazida
/
promptfoo
mirror of https://github.com/promptfoo/promptfoo


  
1

	
2

	
3

	
4

	
5

	
6

	
7

	
8

	
9

	
10

	
11

	
12

	
13

	
14

	
15

	
16

	
17

	
18

	
19

	
20

	
21

	
22

	
23

	
24

	
25

	
26

	
27

	
28

	
29

	
30

	
31

	
32

	
33

	
34

	
35

	
36

	
37

	
38

	
39

	
40

	
41

	
42

	
43

	
44

	
45

	
46

	
47

	
48

	
49

	
50

	
51

	
52

	
53

	
54

	
55

	
56

	
57

	
58

	
59

	
60

	
61

	
62

	
63

	
64

	
65

	
66

	
67

	
68

	
69

	
70

	
71

	
72

	
73

	
74

	
75

	
76

	
77

	
78

	
79

	
80

	
81

	
82

	
83

	
84

	
85

	
86

	
87

	
88

	
89

	
90

	
91

	
92

	
93

	
94

	
95

	
96

	
97

	
98

	
99

	
100

	
101

	
102

	
103

	
104

	
105

	
106

	
107

	
108

	
109

	
110

	
111

	
112

	
113

	
114

	
115

	
116

	
117

	
118

	
119

	
120

	
121

	
122

	
123

	
124

	
125

	
126

	
127

	
128

	
129

	
130

	
131

	
132

	
133

	
134

	
135

	
136

	
137

	
138

	
139

	
140

	
141

	
142

	
143

	
144

	
145

	
146

	
147

	
148

	
149

	
150

	
151

	
152

	
153

	
154

	
155

	
156

	
157

	
158

	
159

	
160

	
161

	
162

	
163

	
164

	
165

	
166

	
167

	
168

	
169

	
170

	
171

	
172

	
173

	
174

	
175

	
176

	
177

	
178

	
179

	
180

	
181

	
182

	
183

	
184

	
185

	
186

	
187

	
188

	
189

	
190

	
191

	
192

	
193

	
194

	
195

	
196

	
197

	
198

	
199

	
200

	
201

	
202

	
203

	
204

	
205

	
206

	
207

	
208

	
209

	
210

	
211

	
212

	
213

	
214

	
215

	
216

	
217

	
218

	
219

	
220

	
221

	
222

	
223

	
224

	
225

	
226

	
227

	
228

	
229

	
230

	
231

	
232

	
233

	
234

	
235

	
236

	
237

	
238

	
239

	
240

	
241

	
242

	
243

	
244

	
245

	
246

	
247

	
248

	
249

	
250

	
251

	
252

	
253

	
254

	
255

	
256

	
257

	
258

	
259

	
260

	
261

	
262

	
263

	
264

	
265

	
266

	
267

	
268

	
269

	
270

	
271

	
272

	
273

	
274

	
275

	
276

	
277

	
278

	
279

	
280

	
281

	
282

	
283

	
284

	
285

	
286

	
287

	
288

	
289

	
290

	
291

	
292

	
293

	
294

	
295

	
296

	
297

	
298

	
299

	
300

	
301

	
302

	
303

	
304

	
305

	
306

	
307

	
308

	
309

	
310

	
311

	
312

	
313

	
314

	
315

	
316

	
317

	
318

	
319

	
320

	
321

	
322

	
323

	
324

	
325

	
326

	
327

	
328

	
329

	
330

	
331

	
332

	
333

	
334

	
335

	
336

	
337

	
338

	
339

	
340

	
341

	
342

	
343

	
344

	
345

	
346

	
347

	
348

	
349

	
350

	
351

	
352

	
353

	
354

	
            import { handleContainsHtml, handleIsHtml } from '../../src/assertions/html';

import type { ApiProvider, AssertionParams, AtomicTestCase } from '../../src/types';

const mockProvider: ApiProvider = {
  id: () => 'mock',
  callApi: async () => ({ output: 'mock' }),
};

const defaultParams = {
  baseType: 'contains-html' as const,
  context: {
    vars: {},
    test: {} as AtomicTestCase,
    prompt: 'test prompt',
    logProbs: undefined,
    provider: mockProvider,
    providerResponse: { output: 'test' },
  },
  output: 'test',
  providerResponse: { output: 'test' },
  test: {} as AtomicTestCase,
};

describe('handleContainsHtml', () => {
  it('should pass when output contains HTML tags', () => {
    const params: AssertionParams = {
      ...defaultParams,
      assertion: { type: 'contains-html' },
      outputString: '<div>Hello World</div>',
      inverse: false,
    };

    const result = handleContainsHtml(params);
    expect(result).toEqual({
      pass: true,
      score: 1,
      reason: 'Assertion passed',
      assertion: params.assertion,
    });
  });

  it('should fail when output does not contain HTML tags', () => {
    const params: AssertionParams = {
      ...defaultParams,
      assertion: { type: 'contains-html' },
      outputString: 'Just plain text without any HTML',
      inverse: false,
    };

    const result = handleContainsHtml(params);
    expect(result).toEqual({
      pass: false,
      score: 0,
      reason: 'Expected output to contain HTML content',
      assertion: params.assertion,
    });
  });

  it('should detect various HTML tags', () => {
    const htmlExamples = [
      '<p>paragraph</p>',
      '<a href="link">text</a>',
      '<img src="image.jpg" />',
      '<h1>heading</h1>',
      '<div class="container"><span>nested</span></div>',
      '<!DOCTYPE html><html><head><title>Test</title></head><body>Content</body></html>',
      'Some text with <strong>emphasis</strong> in it',
      '<input type="text" value="test" />',
      '<br />',
      '<table><tr><td>cell</td></tr></table>',
      '<div>Text with &amp; entity</div>',
      '<p>Multiple &nbsp; HTML &lt; entities &gt;</p>',
      '<custom-element attr="value">Web component</custom-element>',
      '<div data-id="123" class="test">Modern HTML</div>',
    ];

    htmlExamples.forEach((html) => {
      const params: AssertionParams = {
        ...defaultParams,
        assertion: { type: 'contains-html' },
        outputString: html,
        inverse: false,
      };

      const result = handleContainsHtml(params);
      expect(result.pass).toBe(true);
      expect(result.score).toBe(1);
    });
  });

  it('should not detect false positives', () => {
    const nonHtmlExamples = [
      'Just plain text',
      '2 < 3 and 4 > 1',
      'email@example.com',
      'Math: a < b > c',
      '< div >', // space after < means it's not a valid HTML tag
      'Generic <example> text', // Single unpaired tag without HTML indicators
      'if (a<b) { return c>d; }', // Code with comparison operators
      'The price is <$50',
      'Email me at <john@example.com>',
    ];

    nonHtmlExamples.forEach((text) => {
      const params: AssertionParams = {
        ...defaultParams,
        assertion: { type: 'contains-html' },
        outputString: text,
        inverse: false,
      };

      const result = handleContainsHtml(params);
      expect(result.pass).toBe(false);
      expect(result.score).toBe(0);
    });
  });

  it('should handle inverse assertion correctly', () => {
    const params: AssertionParams = {
      ...defaultParams,
      assertion: { type: 'not-contains-html' },
      outputString: 'Just plain text',
      inverse: true,
    };

    const result = handleContainsHtml(params);
    expect(result).toEqual({
      pass: true,
      score: 1,
      reason: 'Assertion passed',
      assertion: params.assertion,
    });
  });

  it('should handle inverse assertion when HTML is present', () => {
    const params: AssertionParams = {
      ...defaultParams,
      assertion: { type: 'not-contains-html' },
      outputString: '<div>HTML content</div>',
      inverse: true,
    };

    const result = handleContainsHtml(params);
    expect(result).toEqual({
      pass: false,
      score: 0,
      reason: 'Expected output to not contain HTML content',
      assertion: params.assertion,
    });
  });

  it('should detect HTML even with attributes and complex structures', () => {
    const complexHtml = `
      <div class="container" id="main">
        <h1 style="color: red;">Title</h1>
        <p data-value="123">Paragraph with <a href="/link">link</a></p>
        <img src="image.jpg" alt="description" width="100" height="100" />
      </div>
    `;

    const params: AssertionParams = {
      ...defaultParams,
      assertion: { type: 'contains-html' },
      outputString: complexHtml,
      inverse: false,
    };

    const result = handleContainsHtml(params);
    expect(result.pass).toBe(true);
    expect(result.score).toBe(1);
  });

  it('should handle edge cases with minimal HTML indicators', () => {
    // These should pass - have multiple HTML indicators
    const minimalHtmlPasses = [
      '<div>&nbsp;</div>', // tag + entity
      '<!-- comment --><span>text</span>', // comment + tag
      '<br/><hr/>', // multiple self-closing tags
      'Text with <b>bold</b> and <i>italic</i>', // multiple paired tags
    ];

    minimalHtmlPasses.forEach((html) => {
      const params: AssertionParams = {
        ...defaultParams,
        assertion: { type: 'contains-html' },
        outputString: html,
        inverse: false,
      };

      const result = handleContainsHtml(params);
      expect(result.pass).toBe(true);
    });

    // These should fail - only one HTML indicator
    const minimalHtmlFails = [
      '<custom>', // single unpaired non-standard tag
      '&amp;', // just an entity
      '<!-- comment -->', // just a comment
    ];

    minimalHtmlFails.forEach((text) => {
      const params: AssertionParams = {
        ...defaultParams,
        assertion: { type: 'contains-html' },
        outputString: text,
        inverse: false,
      };

      const result = handleContainsHtml(params);
      expect(result.pass).toBe(false);
    });
  });
});

describe('handleIsHtml', () => {
  it('should pass when output is valid HTML', () => {
    const validHtmlExamples = [
      '<div>Hello World</div>',
      '<!DOCTYPE html><html><head><title>Test</title></head><body>Content</body></html>',
      '<p>Simple paragraph</p>',
      '<div><span>Nested</span></div>',
      '<img src="test.jpg" />',
      '<br />',
      '<div class="test" id="main">Content</div>',
      '  <div>With whitespace</div>  ',
    ];

    validHtmlExamples.forEach((html) => {
      const params: AssertionParams = {
        ...defaultParams,
        assertion: { type: 'is-html' },
        outputString: html,
        inverse: false,
      };

      const result = handleIsHtml(params);
      expect(result.pass).toBe(true);
      expect(result.score).toBe(1);
    });
  });

  it('should fail when output is not valid HTML', () => {
    const invalidHtmlExamples = [
      { output: 'Just plain text', reason: 'Output must be wrapped in HTML tags' },
      {
        output: 'Some text with <strong>HTML</strong> inside',
        reason: 'Output must be wrapped in HTML tags',
      },
      {
        output: 'Text before <div>HTML</div>',
        reason: 'Output must be wrapped in HTML tags',
      },
      { output: '<div>HTML</div> Text after', reason: 'Output must be wrapped in HTML tags' },
      {
        output: '<?xml version="1.0"?><root>XML</root>',
        reason: 'Output appears to be XML, not HTML',
      },
      { output: '', reason: 'Output is empty' },
      { output: '   ', reason: 'Output is empty' },
      { output: '<notarealtag>', reason: 'Output does not contain recognized HTML elements' },
      { output: '2 < 3 and 4 > 1', reason: 'Output must be wrapped in HTML tags' },
    ];

    invalidHtmlExamples.forEach(({ output, reason }) => {
      const params: AssertionParams = {
        ...defaultParams,
        assertion: { type: 'is-html' },
        outputString: output,
        inverse: false,
      };

      const result = handleIsHtml(params);
      expect(result.pass).toBe(false);
      expect(result.score).toBe(0);
      expect(result.reason).toBe(reason);
    });
  });

  it('should handle inverse assertion correctly', () => {
    const params: AssertionParams = {
      ...defaultParams,
      assertion: { type: 'not-is-html' },
      outputString: 'Just plain text',
      inverse: true,
    };

    const result = handleIsHtml(params);
    expect(result).toEqual({
      pass: true,
      score: 1,
      reason: 'Assertion passed',
      assertion: params.assertion,
    });
  });

  it('should handle inverse assertion when HTML is present', () => {
    const params: AssertionParams = {
      ...defaultParams,
      assertion: { type: 'not-is-html' },
      outputString: '<div>Valid HTML</div>',
      inverse: true,
    };

    const result = handleIsHtml(params);
    expect(result).toEqual({
      pass: false,
      score: 0,
      reason: 'Output is valid HTML',
      assertion: params.assertion,
    });
  });

  it('should accept HTML fragments', () => {
    const fragments = [
      '<div>Fragment without doctype</div>',
      '<h1>Title</h1><p>Paragraph</p>',
      '<ul><li>Item 1</li><li>Item 2</li></ul>',
      '<form><input type="text" /><button>Submit</button></form>',
    ];

    fragments.forEach((html) => {
      const params: AssertionParams = {
        ...defaultParams,
        assertion: { type: 'is-html' },
        outputString: html,
        inverse: false,
      };

      const result = handleIsHtml(params);
      expect(result.pass).toBe(true);
    });
  });

  it('should reject mixed content', () => {
    const mixedContent = [
      'Here is some HTML: <div>test</div>',
      '<div>HTML</div> and some text',
      'Text <br /> more text',
    ];

    mixedContent.forEach((content) => {
      const params: AssertionParams = {
        ...defaultParams,
        assertion: { type: 'is-html' },
        outputString: content,
        inverse: false,
      };

      const result = handleIsHtml(params);
      expect(result.pass).toBe(false);
    });
  });
});