054af09032
This updates ESLint and our shared eslint-config-openlayers to use Prettier. Most formatting changes were automatically applied with this:
npm run lint -- --fix
A few manual changes were required:
* In `examples/offscreen-canvas.js`, the `//eslint-disable-line` comment needed to be moved to the appropriate line to disable the error about the `'worker-loader!./offscreen-canvas.worker.js'` import.
* In `examples/webpack/exapmle-builder.js`, spaces could not be added after a couple `function`s for some reason. While editing this, I reworked `ExampleBuilder` to be a class.
* In `src/ol/format/WMSGetFeatureInfo.js`, the `// @ts-ignore` comment needed to be moved down one line so it applied to the `parsersNS` argument.
115 lines
3.8 KiB
JavaScript
115 lines
3.8 KiB
JavaScript
import Fill from '../../../../src/ol/style/Fill.js';
|
|
import Stroke from '../../../../src/ol/style/Stroke.js';
|
|
import Text from '../../../../src/ol/style/Text.js';
|
|
|
|
describe('ol.style.Text', function () {
|
|
describe('#constructor', function () {
|
|
it('uses a default fill style if none passed', function () {
|
|
const style = new Text();
|
|
expect(style.getFill().getColor()).to.be('#333');
|
|
});
|
|
|
|
it('uses a provided fill style if one passed', function () {
|
|
const style = new Text({
|
|
fill: new Fill({color: '#123456'}),
|
|
});
|
|
expect(style.getFill().getColor()).to.be('#123456');
|
|
});
|
|
|
|
it('can always be resetted to no color', function () {
|
|
const style = new Text();
|
|
style.getFill().setColor();
|
|
expect(style.getFill().getColor()).to.be(undefined);
|
|
});
|
|
});
|
|
|
|
describe('#clone', function () {
|
|
it('creates a new ol.style.Text', function () {
|
|
const original = new Text();
|
|
const clone = original.clone();
|
|
expect(clone).to.be.an(Text);
|
|
expect(clone).to.not.be(original);
|
|
});
|
|
|
|
it('copies all values', function () {
|
|
const original = new Text({
|
|
font: '12px serif',
|
|
offsetX: 4,
|
|
offsetY: 10,
|
|
scale: 2,
|
|
rotateWithView: true,
|
|
rotation: 1.5,
|
|
text: 'test',
|
|
textAlign: 'center',
|
|
textBaseline: 'top',
|
|
fill: new Fill({
|
|
color: '#319FD3',
|
|
}),
|
|
stroke: new Stroke({
|
|
color: '#319FD3',
|
|
}),
|
|
backgroundFill: new Fill({
|
|
color: 'white',
|
|
}),
|
|
backgroundStroke: new Stroke({
|
|
color: 'black',
|
|
}),
|
|
padding: [10, 11, 12, 13],
|
|
});
|
|
const clone = original.clone();
|
|
expect(original.getFont()).to.eql(clone.getFont());
|
|
expect(original.getOffsetX()).to.eql(clone.getOffsetX());
|
|
expect(original.getOffsetY()).to.eql(clone.getOffsetY());
|
|
expect(original.getScale()).to.eql(clone.getScale());
|
|
expect(original.getRotateWithView()).to.eql(clone.getRotateWithView());
|
|
expect(original.getRotation()).to.eql(clone.getRotation());
|
|
expect(original.getText()).to.eql(clone.getText());
|
|
expect(original.getTextAlign()).to.eql(clone.getTextAlign());
|
|
expect(original.getTextBaseline()).to.eql(clone.getTextBaseline());
|
|
expect(original.getStroke().getColor()).to.eql(
|
|
clone.getStroke().getColor()
|
|
);
|
|
expect(original.getFill().getColor()).to.eql(clone.getFill().getColor());
|
|
expect(original.getBackgroundStroke().getColor()).to.eql(
|
|
clone.getBackgroundStroke().getColor()
|
|
);
|
|
expect(original.getBackgroundFill().getColor()).to.eql(
|
|
clone.getBackgroundFill().getColor()
|
|
);
|
|
expect(original.getPadding()).to.eql(clone.getPadding());
|
|
});
|
|
|
|
it('the clone does not reference the same objects as the original', function () {
|
|
const original = new Text({
|
|
fill: new Fill({
|
|
color: '#319FD3',
|
|
}),
|
|
stroke: new Stroke({
|
|
color: '#319FD3',
|
|
}),
|
|
});
|
|
const clone = original.clone();
|
|
expect(original.getFill()).to.not.be(clone.getFill());
|
|
expect(original.getStroke()).to.not.be(clone.getStroke());
|
|
|
|
clone.getFill().setColor('#012345');
|
|
clone.getStroke().setColor('#012345');
|
|
expect(original.getFill().getColor()).to.not.eql(
|
|
clone.getFill().getColor()
|
|
);
|
|
expect(original.getStroke().getColor()).to.not.eql(
|
|
clone.getStroke().getColor()
|
|
);
|
|
});
|
|
});
|
|
|
|
describe('#setRotateWithView', function () {
|
|
it('sets the rotateWithView property', function () {
|
|
const textStyle = new Text();
|
|
expect(textStyle.getRotateWithView()).to.eql(undefined);
|
|
textStyle.setRotateWithView(true);
|
|
expect(textStyle.getRotateWithView()).to.eql(true);
|
|
});
|
|
});
|
|
});
|