mirror of
https://github.com/atom/atom.git
synced 2026-04-06 03:02:13 -04:00
381 lines
16 KiB
CoffeeScript
381 lines
16 KiB
CoffeeScript
TextBuffer = require 'text-buffer'
|
|
TextEditor = require '../src/text-editor'
|
|
TextEditorPresenter = require '../src/text-editor-presenter'
|
|
|
|
describe "TextEditorPresenter", ->
|
|
[buffer, editor] = []
|
|
|
|
beforeEach ->
|
|
buffer = new TextBuffer(filePath: require.resolve('./fixtures/sample.js'))
|
|
editor = new TextEditor({buffer})
|
|
waitsForPromise -> buffer.load()
|
|
|
|
afterEach ->
|
|
editor.destroy()
|
|
buffer.destroy()
|
|
|
|
expectValues = (actual, expected) ->
|
|
for key, value of expected
|
|
expect(actual[key]).toBe value
|
|
|
|
describe "::state.content", ->
|
|
describe "on initialization", ->
|
|
it "assigns .scrollWidth based on the clientWidth and the width of the longest line", ->
|
|
maxLineLength = editor.getMaxScreenLineLength()
|
|
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, clientWidth: 50, scrollTop: 0, baseCharacterWidth: 10, lineHeight: 10, lineOverdrawMargin: 0)
|
|
expect(presenter.state.content.scrollWidth).toBe 10 * maxLineLength + 1
|
|
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, clientWidth: 10 * maxLineLength + 20, scrollTop: 0, baseCharacterWidth: 10, lineHeight: 10, lineOverdrawMargin: 0)
|
|
expect(presenter.state.content.scrollWidth).toBe 10 * maxLineLength + 20
|
|
|
|
it "assigns .indentGuidesVisible based on the editor.showIndentGuide config setting", ->
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, clientWidth: 50, scrollTop: 0, baseCharacterWidth: 10, lineHeight: 10, lineOverdrawMargin: 0)
|
|
expect(presenter.state.content.indentGuidesVisible).toBe false
|
|
|
|
atom.config.set('editor.showIndentGuide', true)
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, clientWidth: 50, scrollTop: 0, baseCharacterWidth: 10, lineHeight: 10, lineOverdrawMargin: 0)
|
|
expect(presenter.state.content.indentGuidesVisible).toBe true
|
|
|
|
describe "when the ::clientWidth changes", ->
|
|
it "updates .scrollWidth", ->
|
|
maxLineLength = editor.getMaxScreenLineLength()
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, clientWidth: 50, scrollTop: 0, scrollWidth: 70, lineHeight: 10, baseCharacterWidth: 10, lineOverdrawMargin: 0)
|
|
|
|
expect(presenter.state.content.scrollWidth).toBe 10 * maxLineLength + 1
|
|
presenter.setClientWidth(10 * maxLineLength + 20)
|
|
expect(presenter.state.content.scrollWidth).toBe 10 * maxLineLength + 20
|
|
|
|
describe "when the ::baseCharacterWidth changes", ->
|
|
it "updates the width of the lines if it changes the ::scrollWidth", ->
|
|
maxLineLength = editor.getMaxScreenLineLength()
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, clientWidth: 50, scrollTop: 0, scrollWidth: 70, lineHeight: 10, baseCharacterWidth: 10, lineOverdrawMargin: 0)
|
|
|
|
expect(presenter.state.content.scrollWidth).toBe 10 * maxLineLength + 1
|
|
presenter.setBaseCharacterWidth(15)
|
|
expect(presenter.state.content.scrollWidth).toBe 15 * maxLineLength + 1
|
|
|
|
describe "when the scoped character widths change", ->
|
|
beforeEach ->
|
|
waitsForPromise -> atom.packages.activatePackage('language-javascript')
|
|
|
|
it "updates the width of the lines if the ::scrollWidth changes", ->
|
|
maxLineLength = editor.getMaxScreenLineLength()
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, clientWidth: 50, scrollTop: 0, scrollWidth: 70, lineHeight: 10, baseCharacterWidth: 10, lineOverdrawMargin: 0)
|
|
|
|
expect(presenter.state.content.scrollWidth).toBe 10 * maxLineLength + 1
|
|
presenter.setScopedCharWidth(['source.js', 'support.function.js'], 'p', 20)
|
|
expect(presenter.state.content.scrollWidth).toBe (10 * (maxLineLength - 2)) + (20 * 2) + 1 # 2 of the characters are 20px wide now instead of 10px wide
|
|
|
|
describe "when ::softWrapped changes on the editor", ->
|
|
it "only accounts for the cursor in .scrollWidth if ::softWrapped is false", ->
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, clientWidth: 50, scrollTop: 0, scrollWidth: 70, lineHeight: 10, baseCharacterWidth: 10, lineOverdrawMargin: 0)
|
|
expect(presenter.state.content.scrollWidth).toBe 10 * editor.getMaxScreenLineLength() + 1
|
|
editor.setSoftWrapped(true)
|
|
expect(presenter.state.content.scrollWidth).toBe 10 * editor.getMaxScreenLineLength()
|
|
editor.setSoftWrapped(false)
|
|
expect(presenter.state.content.scrollWidth).toBe 10 * editor.getMaxScreenLineLength() + 1
|
|
|
|
describe "when the editor.showIndentGuide config setting changes", ->
|
|
it "updates .indentGuidesVisible", ->
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, clientWidth: 50, scrollTop: 0, baseCharacterWidth: 10, lineHeight: 10, lineOverdrawMargin: 0)
|
|
expect(presenter.state.content.indentGuidesVisible).toBe false
|
|
|
|
atom.config.set('editor.showIndentGuide', true)
|
|
expect(presenter.state.content.indentGuidesVisible).toBe true
|
|
|
|
atom.config.set('editor.showIndentGuide', false)
|
|
expect(presenter.state.content.indentGuidesVisible).toBe false
|
|
|
|
describe "when the editor's grammar changes", ->
|
|
it "updates .indentGuidesVisible based on the grammar's root scope", ->
|
|
atom.config.set('editor.showIndentGuide', true, scopeSelector: ".source.js")
|
|
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, clientWidth: 50, scrollTop: 0, baseCharacterWidth: 10, lineHeight: 10, lineOverdrawMargin: 0)
|
|
expect(presenter.state.content.indentGuidesVisible).toBe false
|
|
|
|
waitsForPromise -> atom.packages.activatePackage('language-javascript')
|
|
|
|
runs ->
|
|
editor.setGrammar(atom.grammars.selectGrammar('.js'))
|
|
expect(presenter.state.content.indentGuidesVisible).toBe true
|
|
|
|
editor.setGrammar(atom.grammars.selectGrammar('.txt'))
|
|
expect(presenter.state.content.indentGuidesVisible).toBe false
|
|
|
|
describe "::state.content.lines", ->
|
|
lineStateForScreenRow = (presenter, screenRow) ->
|
|
presenter.state.content.lines[presenter.model.tokenizedLineForScreenRow(screenRow).id]
|
|
|
|
describe "on initialization", ->
|
|
it "contains the lines that are visible on screen, plus the overdraw margin", ->
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, scrollTop: 0, lineHeight: 10, lineOverdrawMargin: 1)
|
|
|
|
line0 = editor.tokenizedLineForScreenRow(0)
|
|
expectValues lineStateForScreenRow(presenter, 0), {
|
|
screenRow: 0
|
|
text: line0.text
|
|
tokens: line0.tokens
|
|
top: 10 * 0
|
|
}
|
|
|
|
line1 = editor.tokenizedLineForScreenRow(1)
|
|
expectValues lineStateForScreenRow(presenter, 1), {
|
|
screenRow: 1
|
|
text: line1.text
|
|
tokens: line1.tokens
|
|
top: 10 * 1
|
|
}
|
|
|
|
line2 = editor.tokenizedLineForScreenRow(2)
|
|
expectValues lineStateForScreenRow(presenter, 2), {
|
|
screenRow: 2
|
|
text: line2.text
|
|
tokens: line2.tokens
|
|
top: 10 * 2
|
|
}
|
|
|
|
# this row is rendered due to the overdraw margin
|
|
line3 = editor.tokenizedLineForScreenRow(3)
|
|
expectValues lineStateForScreenRow(presenter, 3), {
|
|
screenRow: 3
|
|
text: line3.text
|
|
tokens: line3.tokens
|
|
top: 10 * 3
|
|
}
|
|
|
|
it "contains the lines that are visible on screen, minus the overdraw margin", ->
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, scrollTop: 115, lineHeight: 10, lineOverdrawMargin: 1)
|
|
|
|
# this row is rendered due to the overdraw margin
|
|
line10 = editor.tokenizedLineForScreenRow(10)
|
|
expectValues lineStateForScreenRow(presenter, 10), {
|
|
screenRow: 10
|
|
text: line10.text
|
|
tokens: line10.tokens
|
|
top: 10 * 10
|
|
}
|
|
|
|
line11 = editor.tokenizedLineForScreenRow(11)
|
|
expectValues lineStateForScreenRow(presenter, 11), {
|
|
screenRow: 11
|
|
text: line11.text
|
|
tokens: line11.tokens
|
|
top: 10 * 11
|
|
}
|
|
|
|
line12 = editor.tokenizedLineForScreenRow(12)
|
|
expectValues lineStateForScreenRow(presenter, 12), {
|
|
screenRow: 12
|
|
text: line12.text
|
|
tokens: line12.tokens
|
|
top: 10 * 12
|
|
}
|
|
|
|
# rows beyond the end of the content are not rendered
|
|
|
|
it "contains the lines that are visible on screen, plus and minus the overdraw margin", ->
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, scrollTop: 50, lineHeight: 10, lineOverdrawMargin: 1)
|
|
expect(lineStateForScreenRow(presenter, 3)).toBeUndefined()
|
|
expect(lineStateForScreenRow(presenter, 4)).toBeDefined()
|
|
expect(lineStateForScreenRow(presenter, 9)).toBeDefined()
|
|
expect(lineStateForScreenRow(presenter, 10)).toBeUndefined()
|
|
|
|
it "reports all lines as visible if no external ::clientHeight is assigned", ->
|
|
presenter = new TextEditorPresenter(model: editor, scrollTop: 0, lineHeight: 10, lineOverdrawMargin: 1)
|
|
expect(lineStateForScreenRow(presenter, 0)).toBeDefined()
|
|
expect(lineStateForScreenRow(presenter, 12)).toBeDefined()
|
|
|
|
it "includes the .endOfLineInvisibles in the line state if the editor.showInvisibles config option is true", ->
|
|
editor.setText("hello\nworld\r\n")
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, clientWidth: 50, scrollTop: 0, baseCharacterWidth: 10, lineHeight: 10, lineOverdrawMargin: 0)
|
|
expect(lineStateForScreenRow(presenter, 0).endOfLineInvisibles).toBeNull()
|
|
expect(lineStateForScreenRow(presenter, 1).endOfLineInvisibles).toBeNull()
|
|
|
|
atom.config.set('editor.showInvisibles', true)
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, clientWidth: 50, scrollTop: 0, baseCharacterWidth: 10, lineHeight: 10, lineOverdrawMargin: 0)
|
|
expect(lineStateForScreenRow(presenter, 0).endOfLineInvisibles).toEqual [atom.config.get('editor.invisibles.eol')]
|
|
expect(lineStateForScreenRow(presenter, 1).endOfLineInvisibles).toEqual [atom.config.get('editor.invisibles.cr'), atom.config.get('editor.invisibles.eol')]
|
|
|
|
it "includes .decorationClasses in the line state", ->
|
|
editor.decorateMarker(editor.markBufferRange([[4, 0], [6, 0]]), type: 'line', class: 'a')
|
|
editor.decorateMarker(editor.markBufferRange([[5, 0], [5, 0]]), type: 'line', class: 'b')
|
|
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 130, clientWidth: 50, scrollTop: 0, baseCharacterWidth: 10, lineHeight: 10, lineOverdrawMargin: 0)
|
|
|
|
expect(lineStateForScreenRow(presenter, 3).decorationClasses).toBeNull()
|
|
expect(lineStateForScreenRow(presenter, 4).decorationClasses).toEqual ['a']
|
|
expect(lineStateForScreenRow(presenter, 5).decorationClasses).toEqual ['a', 'b']
|
|
expect(lineStateForScreenRow(presenter, 6).decorationClasses).toEqual ['a']
|
|
expect(lineStateForScreenRow(presenter, 7).decorationClasses).toBeNull()
|
|
|
|
describe "when ::scrollTop changes", ->
|
|
it "updates the lines that are visible on screen", ->
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, scrollTop: 0, lineHeight: 10, lineOverdrawMargin: 1)
|
|
presenter.setScrollTop(25)
|
|
|
|
line0 = editor.tokenizedLineForScreenRow(0)
|
|
expect(lineStateForScreenRow(presenter, 0)).toBeUndefined()
|
|
|
|
line1 = editor.tokenizedLineForScreenRow(1)
|
|
expectValues lineStateForScreenRow(presenter, 1), {
|
|
screenRow: 1
|
|
text: line1.text
|
|
tokens: line1.tokens
|
|
top: 10 * 1
|
|
}
|
|
|
|
line2 = editor.tokenizedLineForScreenRow(2)
|
|
expectValues lineStateForScreenRow(presenter, 2), {
|
|
screenRow: 2
|
|
text: line2.text
|
|
tokens: line2.tokens
|
|
top: 10 * 2
|
|
}
|
|
|
|
line3 = editor.tokenizedLineForScreenRow(3)
|
|
expectValues lineStateForScreenRow(presenter, 3), {
|
|
screenRow: 3
|
|
text: line3.text
|
|
tokens: line3.tokens
|
|
top: 10 * 3
|
|
}
|
|
|
|
line4 = editor.tokenizedLineForScreenRow(4)
|
|
expectValues lineStateForScreenRow(presenter, 4), {
|
|
screenRow: 4
|
|
text: line4.text
|
|
tokens: line4.tokens
|
|
top: 10 * 4
|
|
}
|
|
|
|
describe "when ::clientHeight changes", ->
|
|
it "updates the lines that are visible on screen", ->
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 15, scrollTop: 15, lineHeight: 10, lineOverdrawMargin: 1)
|
|
|
|
line5 = editor.tokenizedLineForScreenRow(5)
|
|
expect(lineStateForScreenRow(presenter, 5)).toBeUndefined()
|
|
|
|
presenter.setClientHeight(35)
|
|
|
|
line1 = editor.tokenizedLineForScreenRow(1)
|
|
expectValues lineStateForScreenRow(presenter, 1), {
|
|
screenRow: 1
|
|
text: line1.text
|
|
tokens: line1.tokens
|
|
top: 10 * 1
|
|
}
|
|
|
|
line2 = editor.tokenizedLineForScreenRow(2)
|
|
expectValues lineStateForScreenRow(presenter, 2), {
|
|
screenRow: 2
|
|
text: line2.text
|
|
tokens: line2.tokens
|
|
top: 10 * 2
|
|
}
|
|
|
|
line3 = editor.tokenizedLineForScreenRow(3)
|
|
expectValues lineStateForScreenRow(presenter, 3), {
|
|
screenRow: 3
|
|
text: line3.text
|
|
tokens: line3.tokens
|
|
top: 10 * 3
|
|
}
|
|
|
|
line4 = editor.tokenizedLineForScreenRow(4)
|
|
expectValues lineStateForScreenRow(presenter, 4), {
|
|
screenRow: 4
|
|
text: line4.text
|
|
tokens: line4.tokens
|
|
top: 10 * 4
|
|
}
|
|
|
|
line5 = editor.tokenizedLineForScreenRow(5)
|
|
expectValues lineStateForScreenRow(presenter, 5), {
|
|
screenRow: 5
|
|
text: line5.text
|
|
tokens: line5.tokens
|
|
top: 10 * 5
|
|
}
|
|
|
|
describe "when ::lineHeight changes", ->
|
|
it "updates the lines that are visible on screen", ->
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 15, scrollTop: 10, lineHeight: 10, lineOverdrawMargin: 0)
|
|
|
|
line1 = editor.tokenizedLineForScreenRow(1)
|
|
line2 = editor.tokenizedLineForScreenRow(2)
|
|
line3 = editor.tokenizedLineForScreenRow(3)
|
|
line4 = editor.tokenizedLineForScreenRow(4)
|
|
line5 = editor.tokenizedLineForScreenRow(5)
|
|
line6 = editor.tokenizedLineForScreenRow(6)
|
|
|
|
expect(lineStateForScreenRow(presenter, 1)).toBeDefined()
|
|
expect(lineStateForScreenRow(presenter, 2)).toBeDefined()
|
|
expect(lineStateForScreenRow(presenter, 3)).toBeDefined()
|
|
expect(lineStateForScreenRow(presenter, 4)).toBeUndefined()
|
|
expect(lineStateForScreenRow(presenter, 5)).toBeUndefined()
|
|
|
|
presenter.setLineHeight(5)
|
|
|
|
expect(lineStateForScreenRow(presenter, 1)).toBeUndefined()
|
|
|
|
expectValues lineStateForScreenRow(presenter, 2), {
|
|
screenRow: 2
|
|
text: line2.text
|
|
tokens: line2.tokens
|
|
top: 5 * 2
|
|
}
|
|
|
|
expectValues lineStateForScreenRow(presenter, 3), {
|
|
screenRow: 3
|
|
text: line3.text
|
|
tokens: line3.tokens
|
|
top: 5 * 3
|
|
}
|
|
|
|
expectValues lineStateForScreenRow(presenter, 4), {
|
|
screenRow: 4
|
|
text: line4.text
|
|
tokens: line4.tokens
|
|
top: 5 * 4
|
|
}
|
|
|
|
expectValues lineStateForScreenRow(presenter, 5), {
|
|
screenRow: 5
|
|
text: line5.text
|
|
tokens: line5.tokens
|
|
top: 5 * 5
|
|
}
|
|
|
|
expect(lineStateForScreenRow(presenter, 6)).toBeUndefined()
|
|
|
|
describe "when the editor's content changes", ->
|
|
it "updates the lines state accordingly", ->
|
|
presenter = new TextEditorPresenter(model: editor, clientHeight: 25, scrollTop: 10, lineHeight: 10, lineOverdrawMargin: 0)
|
|
|
|
buffer.insert([2, 0], "hello\nworld\n")
|
|
|
|
line1 = editor.tokenizedLineForScreenRow(1)
|
|
expectValues lineStateForScreenRow(presenter, 1), {
|
|
screenRow: 1
|
|
text: line1.text
|
|
tokens: line1.tokens
|
|
top: 10 * 1
|
|
}
|
|
|
|
line2 = editor.tokenizedLineForScreenRow(2)
|
|
expectValues lineStateForScreenRow(presenter, 2), {
|
|
screenRow: 2
|
|
text: line2.text
|
|
tokens: line2.tokens
|
|
top: 10 * 2
|
|
}
|
|
|
|
line3 = editor.tokenizedLineForScreenRow(3)
|
|
expectValues lineStateForScreenRow(presenter, 3), {
|
|
screenRow: 3
|
|
text: line3.text
|
|
tokens: line3.tokens
|
|
top: 10 * 3
|
|
}
|