vue Architecture Docs
Home / File/ markdown.spec.ts — vue Source File

markdown.spec.ts — vue Source File

Architecture documentation for markdown.spec.ts, a typescript file in the vue codebase. 4 imports, 0 dependents.

File typescript VueCore 4 imports

Entity Profile

Dependency Diagram

graph LR
  35ebce4c_45a3_51e2_d0b0_08467e0f6440["markdown.spec.ts"]
  89e1d5c3_816b_464a_8e3e_7496dffe6752["e2eUtils.ts"]
  35ebce4c_45a3_51e2_d0b0_08467e0f6440 --> 89e1d5c3_816b_464a_8e3e_7496dffe6752
  29f97b51_38b6_0943_0c18_913d76c86b26["setupPuppeteer"]
  35ebce4c_45a3_51e2_d0b0_08467e0f6440 --> 29f97b51_38b6_0943_0c18_913d76c86b26
  966d3061_9642_0f65_1677_bf7b77dd402e["expectByPolling"]
  35ebce4c_45a3_51e2_d0b0_08467e0f6440 --> 966d3061_9642_0f65_1677_bf7b77dd402e
  0409ae0b_e495_6959_8f5e_6f3562f01086["getExampleUrl"]
  35ebce4c_45a3_51e2_d0b0_08467e0f6440 --> 0409ae0b_e495_6959_8f5e_6f3562f01086
  style 35ebce4c_45a3_51e2_d0b0_08467e0f6440 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {
  setupPuppeteer,
  expectByPolling,
  getExampleUrl,
  E2E_TIMEOUT
} from './e2eUtils'

describe('e2e: markdown', () => {
  const { page, isVisible, value, html } = setupPuppeteer()

  async function testMarkdown(apiType: 'classic' | 'composition') {
    await page().goto(getExampleUrl('markdown', apiType))
    expect(await isVisible('#editor')).toBe(true)
    expect(await value('textarea')).toBe('# hello')
    expect(await html('#editor div')).toBe('<h1 id="hello">hello</h1>\n')

    await page().type('textarea', '\n## foo\n\n- bar\n- baz')

    // assert the output is not updated yet because of debounce
    // debounce has become unstable on CI so this assertion is disabled
    // expect(await html('#editor div')).toBe('<h1 id="hello">hello</h1>\n')

    await expectByPolling(
      () => html('#editor div'),
      '<h1 id="hello">hello</h1>\n' +
        '<h2 id="foo">foo</h2>\n' +
        '<ul>\n<li>bar</li>\n<li>baz</li>\n</ul>\n'
    )
  }

  test(
    'classic',
    async () => {
      await testMarkdown('classic')
    },
    E2E_TIMEOUT
  )

  test(
    'composition',
    async () => {
      await testMarkdown('composition')
    },
    E2E_TIMEOUT
  )
})

Domain

Dependencies

Source

Frequently Asked Questions

What does markdown.spec.ts do?
markdown.spec.ts is a source file in the vue codebase, written in typescript. It belongs to the VueCore domain.
What does markdown.spec.ts depend on?
markdown.spec.ts imports 4 module(s): e2eUtils.ts, expectByPolling, getExampleUrl, setupPuppeteer.
Where is markdown.spec.ts in the architecture?
markdown.spec.ts is located at test/e2e/markdown.spec.ts (domain: VueCore, directory: test/e2e).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free